[Shell] Page content on iOS is cut off

[jimmgarrido]

Description

I am seeing the top of the page being cut off when using shell on iOS. So far I've noticed this happens to controls when inside a StackLayout, but a Label used by itself also has this issue so they may be more instances of this.

Steps to Reproduce

1. Create a new project using shell
2. Add a StackLayout to a page with another control like ListView inside it
3. Deploy to iOS

Expected Behavior

The entire control is visible

Actual Behavior

The top of the control is cutoff by the edge of the screen, navbar, etc.

Basic Information

• Version with issue: 3.5.0.988554
• Last known good version:
• IDE: VS2017 15.9
• Platform Target Frameworks:
  • iOS: 12.1
• Affected Devices:

Screenshots

Reproduction Link

App80.zip
Parent: #2415

[tmulin]

I try to use a ScrollView wrap the StackLayout , in this case the page displays OK !

[davidortinau]

As @tmulin points out, ScrollView is ok. I can also get this to be ok without a ScrollView by enabling UseSafeArea on the ContentPage.

This also shows oddly in the Previewer, down by about 20px.

The same content of a Grid without a ScrollView is under the NavigationBar:

[rmarinho]

Just set Shell.SetPaddingInsets="true" in your ShellItem.