[Bug]Blank Space in TabbedPage Xamarin.iOS 13

[pdamco]

Version with issue:

Last known good version: iOS 12 | Xamarin.iOS 12

IDE: VS Mac 8.3.10

Platform Target Frameworks:

iOS: 11.2
Android: 10
Nuget Packages: 3.4

Affected Devices: iOS

XF version is 3.4 but i have tryed to upgrad to 4.3 nothing happened same space is showing.
iOS version is 13
This is only on iOS not happening on Android.

Blank Space is showing after installing Xamarin.iOS 13. This is working fine with Xamarin.iOS 12 till now.

Attached is the image.

And Attaching the sample
Sample.zip

I am raising this issue again just to highlight because I need to fix this to update app on App Store.

Please suggest any workaround for this.

This issue is happening because of navigation page.

If I do this
Application.Current.MainPage = new NavigationPage(new MainPage());

Bottom space is showing.

but if I do this
Application.Current.MainPage = new MainPage();

No bottom space is showing.

[jfversluis]

Thanks for the reproduction @pdamco!

If I run it though, I don't see anything weird... What am I supposed to see?

The other thing I am noticing is that you are using a custom renderer to hide the actual tabbar and render your own. While this is pretty awesome! This also makes me think that this is not so much an issue with Xamarin.Forms, but probably something that changed in iOS 13 and now you need to change some code in your renderer.

I'd love to give you a suggestion, but since I don't really see anything weird in your reproduction that is kind of hard.

For instance I see someone here on the forums with the same problem. Although this is not Xamarin, I think this might be your problem right here: https://stackoverflow.com/questions/37040313/hiding-the-tabbar-and-removing-the-space

Can you work with that?

[pdamco]

I have tried these ways but nothing working.

[jfversluis]

What you are seeing is a concept introduced since the "notch iPhones" came out and is described here: https://developer.apple.com/documentation/uikit/uiview/positioning_content_relative_to_the_safe_area

Documentation specific to Xamarin.Forms can be found here: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/ios/page-safe-area-layout

Since this is not an issue in Forms I will be closing this issue. For questions, you will probably get better and faster answers on the Xamarin Forums or StackOverflow.

If you believe that there is an actual issue, please feel free to add more info and reopen.

Thanks!

[KevinAnass]

Does anyone solve this white space?

[rickclephas]

This is definitely a Xamarin Forms issue!
The blank space that is visible in the original screenshot isn't the safe area.
From my tests this issue only affects physical device and not the simulators.
See #14239 for some workarounds.