[Bug] Shell - Navigation.PushAsync - Navigation Bar ignored on iOS

[bridgesquared]

Description

I created a new Xamarin Forms project using the Shell Template. From the ItemsPage, when navigating to the detail page using await Navigation.PushAsync(new ItemDetailPage(new ItemDetailViewModel(item))) the detail ContentPage ignores the Shell Navigation Bar on iOS.

Steps to Reproduce

1. Create new Mobile App (Xamarin Forms) project in Visual Studio (Windows) 16.1.3
2. Select 'Shell' template
3. Run solution (iOS + Android)
4. Click an item in the 'Browse' screen

Expected Behavior

I expected the Item Detail page to respect the page boundaries and show all content below the Navigation Bar

Actual Behavior

On iOS the top of the Item Detail page is displayed underneath (hidden by) the Navigation Bar.

Comments

I tried changing the code to use a registered route and to use the Shell.Current.GotoAsync("itemdetail") approach but this also failed to show the page correctly.

As an aside, I note that the 'Add' function uses await Navigation.PushModalAsync(new NavigationPage(new NewItemPage())) to show a navigation bar for the user to back out of the modal dialog, it seems to me that under the shell model the NavigationPage shouldn't be needed, the target page should have to opt out of the shell navigation bar using Shell.NavBarIsVisible="false".

Please can we have detailed guidance on how to handle these options when using Shell.

Basic Information

• Version with issue: 4.0.0.425677
• Last known good version: n/a
• IDE: Visual Studio Pro (WindowS) 2019 v 16.1.3
• Platform Target Frameworks:
  • iOS: 12.2
  • Android: 9.0 - API 28
• Android Support Library Version: ?
• Nuget Packages: 4.0.0.425677
• Affected Devices: Running in Simulators (though checked iOS device and same issue)

Same behaviour seen on 4.1.0 pre2

Screenshots

[samhouts]

@bridgesquared Can you please attach a small project that demonstrates this issue? Thanks!

[bridgesquared]

Hi @samhouts

Do you really need a repro? If you follow the repro steps above and create a new Xamarin Forms project using the Shell template and then run against iOS you'll see the problem.

I can certainly attach a project but I'm not sure of the best way of doing that without leaking credentials because of the need to link the project to my provisioning profiles. If you can give me some guidance here that would really help.

Look forward to hearing from you. Thanks.

[samhouts]

@bridgesquared It always helps to have a project already put together for us. It speeds up the process considerably and lets us work from a common standpoint. You don't need to link your provisioning profiles. Thanks!

[bridgesquared]

@samhouts No problem, here you are, I've stripped out the obj + bin folders, but you should be able to restore and build happily. Let me know how you get on. Thanks.

App6.zip

[samhouts]

@bridgesquared Aha! It looks like we need to update the templates. It should be using SafeArea, and it is not.

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/platform/ios/page-safe-area-layout

Thanks!