Fullscreen On a Vue Project + NativeScript with Notch - nativescript

I would like to make my app Full-screen on a Vue Project under NativeScript, it sounds easy by #bradwaynemartin method, but there is a problem: my phone has a Notch and it leaves a black strip through the Notch,
how can I remove the strip and make my app totally full-screen?
OS: Android Pie 9

Add this property to application theme:
<item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>

Related

How can I overlay a Lottie animation on top of a page?

Currently I using Xamarin Forms 5 (preview) and targeting Android 8.1 with the latest Lottie installed (3.5.0 for XF and 4.0.8 for Android)
I'm wanting to add some seasonal themes to my app and was looking to "overlay" a Lottie animation on top of the pages. Currently I use Lottie for a splash screen and it works great, but I cant work out how to apply something app wide.
Setting InputTransparent="True" basically means the control does not intercept the user input. Therefore any control under it will work as expected.

Xamarin iOS Splash Screen

Windows 10, Visual Studio 2019 (16.5.4).
I've been following this example:
https://learn.microsoft.com/en-us/xamarin/ios/app-fundamentals/images-icons/launch-screens?tabs=windows
Which is fairly straightforward. My splash screen is simply a blue background with my logo in the centre. However, I cannot work out how to centralise the logo on every iOS device and both portrait and landscape.
Do I have to create a different Asset or LaunchScreen.storyboard for every device?
The way I am familiar with that you can create a responsive design in iOS is to use the concept of AutoLayout.
But before you start that you should be aware of the basics of designing in iOS
Goodluck
Feel free to get back if you have queries
I cannot work out how to centralise the logo on every iOS device and both portrait and landscape.
In the designer you can grab the dot in the centre of the view and then drag it to the vertical or horizontal lines:
Check https://learn.microsoft.com/en-us/xamarin/ios/user-interface/designer/designer-auto-layout#center-constraints

Workaround scrollview zoom for android #appcelerator

Hi I am building a magazine viewer and I need to zoom and drag the content pages. I am using scrollview but I guess the zoom works only for ios. Is there any workaround for this? I am using Titanium 5 sdk, and don't found modules that support it.
On Android you might be able to use http://docs.appcelerator.com/platform/latest/#!/api/Titanium.UI.ImageView-property-enableZoomControls

Difficulty while writing custom renderer for navigation drawer(MasterDetailPage) xamarin.forms

I am using xamarin.forms mvvm light architecture and targeting Android & iOS.
I am currently writing custom renderer for navigation drawer(MasterDetailPage).
I am currently writing custom renderer for Android and i have tried many things.
Currently my MasterDetail Page renders according to OS's default behaviour i.e. in Android master page starts below the app bar but i wanted my master page to popover app bar or start above the app bar like gmail,stack exchange android app etc
use this theme Theme.AppCompat.Light.NoActionBar for the expected behaviour
There exists one already, as of this writing it is out of date though (not targeting Xamarin Forms 2): https://github.com/nativecode-dev/oss-xamarin. Perhaps you can use that?

Windows phone 8 animated page transition such as android with ViewPager

In wp8 (and wp7) there are 5 types of page transitions: RollTransition, RotateTransition, SlideTransition, SwivelTransition, TurnstileTransition.
But i want make transition between pages like Android transition use control ViewPager.
Is it possible?
For doing Custom Animation you can use storyboard class in wp8 as well as windows 8.And if you want do it in simple way you have to use Microsoft Blend for VS 2012. In which you have to open your project in blend and make new storyboard that you can call in your project. you can see this storyboard in XAMLpage.

Resources