So I have a few issues with trying to customize Shell with a flyout menu.
The design I need to implement has a logo in the middle of the screen in the Shell.TitleView. In order to get it centered on all devices I've:
Disabled the hamburger menu.
Inside the Shell.TitleView on each screen I've put an absolute layout and inside that put the logo with
AbsoluteLayout.LayoutBounds="0.5,0.5"as well as that I've put in my own hamburger menu button. For the button tap for the hamburger I run this codeShell.Current.FlyoutIsPresented = true;In the AppShell.xaml I've set
FlyoutBehavior="Disabled"
So the issues are:
I can no longer swipe or tap on the right side of the screen to dismiss the flyout menu. (For the flyout menu item tap event I navigate to the screen with
Current.GoToAsync($"/{nameof(SettingsPage)}", false);and then setCurrent.FlyoutIsPresented = false;which works.)I can't find a way to remove the back icon < for the screens that are part of the flyout (except for navigating to them via the PushModalAsync but this means there's no Shell.TitleView at all.
After navigating to a different screen and then back the
Shell.TitleViewdisappears for no reason.