UWP NavigationView not lining up with titlebar back button

Question

I'm trying to line up my NavigationView with the back button that comes built into the window like so:

[ ]

but when i try to line up my NavigationView it ends up looking like

[ ]

How should i go about changing the width of the NavigationView so that it lines up with the back button?

Answer 1

The reason why the back button isn't aligned for you is that you're using the embedded back button in the title bar, which is deprecated now (as in, the MS guidelines suggest not to use it anymore, and to replace it with a dedicated back button in the app UI).

What you want to do is to set the IsBackButtonVisible property of the NavigationView to Visible , and use that back button instead to handle the navigation in your frame, or in other parts of your app.

To handle the back navigation request, you can just register to the BackRequested event in the NavigationView control.

Also, to hide the back button in the title bar, you just need to remove these couple lines in your code:

var currentView = SystemNavigationManager.GetForCurrentView();
currentView.AppViewBackButtonVisibility = AppViewBackButtonVisibility.Visible;