Bug 59819 - The UI Tab Bar is rendered incorrectly on the iPhone X ios 11 (simulator)
Summary: The UI Tab Bar is rendered incorrectly on the iPhone X ios 11 (simulator)
Alias: None
Product: Forms
Classification: Xamarin
Component: iOS ()
Version: 2.3.4
Hardware: PC Windows
: --- critical
Target Milestone: ---
Assignee: Bugzilla
Depends on:
Reported: 2017-09-28 13:42 UTC by bblonchek
Modified: 2017-09-29 20:21 UTC (History)
3 users (show)

Tags: 15.3I
Is this bug a regression?: ---
Last known good build:

iPhone 8 ios 11 screen shot (338.76 KB, image/png)
2017-09-28 13:43 UTC, bblonchek
iphone X ios 11 screen shot (290.58 KB, image/png)
2017-09-28 13:43 UTC, bblonchek

Notice (2018-05-24): bugzilla.xamarin.com is now in read-only mode.

Please join us on Visual Studio Developer Community and in the Xamarin and Mono organizations on GitHub to continue tracking issues. Bugzilla will remain available for reference in read-only mode. We will continue to work on open Bugzilla bugs, copy them to the new locations as needed for follow-up, and add the new items under Related Links.

Our sincere thanks to everyone who has contributed on this bug tracker over the years. Thanks also for your understanding as we make these adjustments and improvements for the future.

Please create a new report on Developer Community or GitHub with your current version information, steps to reproduce, and relevant error messages or log files if you are hitting an issue that looks similar to this resolved bug and you do not yet see a matching new report.

Related Links:

Description bblonchek 2017-09-28 13:42:32 UTC
# Steps to reproduce
Run app with TabbedPage as main page on a iPhone 8 simulator and tab bar looks fine
Run same app on iPhone X simulator and tab bar size is increased and icons are not centered

See attached screen shots

# Expected behavior

# Actual behavior

# Supplemental info (logs, images, videos)

# Test environment (full version information)
Comment 1 bblonchek 2017-09-28 13:43:14 UTC
Created attachment 24998 [details]
iPhone 8 ios 11 screen shot
Comment 2 bblonchek 2017-09-28 13:43:52 UTC
Created attachment 24999 [details]
iphone X ios 11 screen shot
Comment 3 John Miller [MSFT] 2017-09-28 15:03:03 UTC
It looks like the app the is not scaling for the resolution. Do you have a launch screen storyboard for this app? 

I've also moved this to Forms | iOS as it seems related to Forms since the use of TabbedPage.
Comment 4 bblonchek 2017-09-28 15:04:45 UTC
No there is no launch screen storyboard for this app at this point.
Comment 5 John Miller [MSFT] 2017-09-28 17:45:40 UTC
Thanks for confirming. Could you try updating the project to have one following this guide? https://developer.xamarin.com/guides/ios/application_fundamentals/working_with_images/launch-screens/#storyboard

Then, check and see if the issue is resolved.
Comment 6 bblonchek 2017-09-28 22:17:36 UTC
The launch screen storyboard resolved the issue. Thanks.
Comment 7 John Miller [MSFT] 2017-09-29 20:21:59 UTC
Thanks for confirming! I'll mark as Resolved.