[Bug] Shell Double titlebar UWP

[JohnGalt1717]

Description

When using the experimental UWP Shell there is a double titlebar at the top that doesn't seem to be able to be removed.

Steps to Reproduce

1. Add shell
2. Add special switch to make it work
3. Run app

Expected Behavior

Should merge the titlebars like a standard UWP app would do creating a single titlebar

Actual Behavior

Double titlebars.

Basic Information

• Version with issue: 5.0
• Last known good version: NA
• Platform Target Frameworks:
  • UWP: 2004

Screenshots

[hartez]

@JohnGalt1717 I don't think I understand the issue; this looks like a normal UWP app to me. Can you provide a screenshot of what you think should look like? Maybe of another UWP app which behaves like you think it should? That might help us understand what we're missing.

[JohnGalt1717]

@hartez If you look at Windows Mail you can see what it should look like. There is a single titlebar that is part of the windows header with the window controls and then immediately below the hamburger and everything else.

So in Xamarin, Shell is doubling up the title bars etc. or at the very least isn't allowing you to set the title of the application on there.

[rmarinho]

Hey @JohnGalt1717 so you wanted to hide he Blue part that says Home ? on the screenshot posted above ?

[JohnGalt1717]

I would expect it to behave like this:

https://docs.microsoft.com/en-us/windows/uwp/design/controls-and-patterns/navigationview

Specifically when you integration this: https://docs.microsoft.com/en-us/windows/uwp/design/shell/title-bar

I.e. Xamarin Shell should be virtually indistinguishable to NavigationView with title integration as described in those. (or at least be able to be set to mimic that)

[rmarinho]

Hey @JohnGalt1717 but where would the Title go? can you post a screenshot of what you will expect please?!

Thanks

[JohnGalt1717]

@rmarinho Just open any stock app from Microsoft in Windows 10. There is one and only one bar across the very top that has everything in it and the navigation rail on the left goes all of the way to the top too. I posted screen shots of the difference right in the first post on this of UWP versus what Xamarin does. Xamarin puts a title bar below the windows bar that WPF etc. have. The title bar should be in the very top bar that has the min/max/close buttons and the title should look exactly the same as what Navigation view with properly integrated title bar has. I.e. Xamarin with Shell should be indistinguishable to UWP with NavigationView. I.e. the entire blue thing in my xamarin example screen shot shouldn't exist. Everything that's in there should be in the black bar above it that has the min/max/close buttons.

Really someone in the Xamarin Shell group needs to just fire up a stock UWP app, add Navigation view and follow the instructions for title-bar that I linked to, and then make Shell look identical. (or use Navigation View as the root on UWP for Shell)