Binding to Shell.NavBarIsVisible property of AppShell.xaml

Question

I was trying to bind to Shell.NavBarIsVisible property so as to hide and unhide the navigation bar as desired. Basically, I wanted to hide the navigation bar for a certain page, only leaving the option of device hardware Back Button.

The binding doesn't seem to work. I tried both options of using Binding to ObservableProperty and Binding to a DynamicResource. Simply setting Shell.NavBarIsVisible true or false in XAML works as expected.

Any tips how to get the binding to work?

Answer 1

Hello,

Please try the following code and check if it works for you.

<ContentPage ...
             xmlns:local ="clr-namespace:XXX"
             Shell.NavBarIsVisible="{Binding IsHidden}"// It works if IsHidden is true or false when the Page is loaded
             >
    <ContentPage.BindingContext>
        <local:ShellViewModel></local:ShellViewModel>
    </ContentPage.BindingContext>

 private void OnCounterClicked(object sender, EventArgs e)
    {// click button 
        ShellViewModel viewModel = this.BindingContext as ShellViewModel;
        viewModel.IsHidden = !viewModel.IsHidden;
        Shell.SetNavBarIsVisible(this, viewModel.IsHidden);// If you want to change the value in the Page, you have to call SetNavBarIsVisible method
    }

Best Regards, Wenyan Zhang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment". Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.