How to set Safe Area layout in iPhone x

Question

I am developing Xamarin forms app and my app seems with safe area set in top. But need to ignore it.

Current scenario:

Excepted scenario:

I have googled regarding this and got below link, tried out as mentioned in below links and nothing worked.

https://forums.xamarin.com/discussion/104945/iphone-x-and-safe-margins-with-xamarin-forms
https://blog.xamarin.com/making-ios-11-even-easier-xamarin-forms/

But didn’t know how to access SetPrefersLargeTitles under Xamarin forms content page in below line mentioned in above link.

On<Xamarin.Forms.PlatformConfiguration.iOS>().SetPrefersLargeTitles(true);

After set safe area as true output come as below,

Please help me to resolve this.

Regards, Cheran

Answer 1

You can do it from XAML like this

xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core" 
ios:Page.UseSafeArea="true"

Answer 2

Please Refer to Making iOS 11 Even Easier with Xamarin.Forms

We use Platform-Specifics to implement it.

Before iOS 11

On<Xamarin.Forms.PlatformConfiguration.iOS>().SetUseSafeArea(true);

iOS 11 or newer

var safeInsets  = On<Xamarin.Forms.PlatformConfiguration.iOS>().SafeAreaInsets();
safeInsets.Left = 24;
this.Padding = safeInsets;

Answer 3

It's necessary to create or configure LaunchScreend.storyboard.

Use this code, change splash_screen for your image.