Xamarin App Shell - closing the flyout menu in code

Question

The design of my app requires that I have a button in the Flyout Header, a separate view, which navigates to a page

Unlike the flyout items themselves though, when I click on the button, the page loads under the flyout header which stays open

Is there a way to have a button mimic exactly what happens when navigating within the flyout contents themselves?

The page I'm trying to navigate to is registered as a route in AppShell

The code in the view referenced in FlyoutHeader calls it from the button click like so

     await Shell.Current.GoToAsync("thepage");

As mentioned above the flyout menu is open at this point in order to access the button but when clicked it loads the desired page but I want it to automatically shut the menu

Is there a way to do this please?

Ricardo nailed it. [See here](https://learn.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/shell/flyout#flyout-behavior). — Andrew, Feb 10 '20 at 17:33

score 5 · Answer 1 · edited Oct 04 '20 at 04:30

5

As Ricardo says above.

You can use Shell.Current.FlyoutIsPresented = false;

edited Oct 04 '20 at 04:30

Bhargav Rao

50,140
28
121
140

answered Feb 11 '20 at 08:33

Journeyman1234

547
4
18

score 2 · Answer 2 · answered Feb 18 '21 at 10:09

2

 //===event click or command===
  
 private async void Button_Clicked(object sender, System.EventArgs e)
    {
        await Shell.Current.GoToAsync($"your others pages route");
        Shell.Current.FlyoutIsPresented = false;   
    }

answered Feb 18 '21 at 10:09

Diego Venâncio

5,698
2
49
68

How can I do it in MVVM? – Winteriscoming Jul 01 '22 at 10:39
1

@Winteriscoming Do the same in a command on the ViewModel class. And the ViewModel object should be set as the BindingContext for the AppShell. – David Shochet Dec 14 '22 at 15:25

Xamarin App Shell - closing the flyout menu in code

2 Answers2