.NET MAUI Shell导航后显示汉堡图标及页面返回相关问题

问题1：按钮跳转至SecondPage后显示汉堡图标而非返回按钮 #

通过GoToAsync跳转未在Shell Flyout中注册的页面时，Shell会将其作为当前页面的子页面加入导航栈，因此显示返回按钮。要让SecondPage显示汉堡图标，可通过以下两种方式实现：

方式1：设置SecondPage的Flyout行为 #

直接在SecondPage.xaml中配置Shell附加属性，强制页面显示汉堡图标：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="YourAppName.SecondPage"
             Shell.FlyoutBehavior="Flyout">
    <!-- 页面内容 -->
</ContentPage>

此方法无需修改Shell结构，设置后页面会直接显示汉堡图标，同时保留左滑呼出Flyout的功能。

方式2：将SecondPage注册为隐藏的Flyout项 #

若需将SecondPage设为Shell顶级页面，可在AppShell.xaml中添加不可见的FlyoutItem：

<FlyoutItem Title="Main" Route="Main">
    <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
</FlyoutItem>
<FlyoutItem Title="Second" Route="Second" IsVisible="False">
    <ShellContent ContentTemplate="{DataTemplate local:SecondPage}" Route="SecondPage" />
</FlyoutItem>

在AppShell.xaml.cs中确保路由注册：

Routing.RegisterRoute(nameof(SecondPage), typeof(SecondPage));

修改MainPage的跳转代码为绝对路由：

await Shell.Current.GoToAsync("//Second/SecondPage", true);

跳转后SecondPage会以顶级页面身份显示，导航栏展示汉堡图标。

问题2：让Flyout菜单点击跳转与按钮跳转行为一致 #

默认点击Flyout中的ShellContent会将页面设为顶级页面，不会加入导航栈，因此无返回按钮。要实现与按钮跳转一致的行为（加入导航栈、显示返回按钮），可改用MenuItem自定义跳转逻辑：

步骤1：修改AppShell.xaml #

替换原ShellContent为MenuItem：

<FlyoutItem Title="Main">
    <ShellContent ContentTemplate="{DataTemplate local:MainPage}" />
</FlyoutItem>
<MenuItem Title="Second Page" Clicked="SecondPageMenuItem_Clicked" />

步骤2：实现MenuItem点击事件 #

在AppShell.xaml.cs中添加跳转逻辑：

private async void SecondPageMenuItem_Clicked(object sender, EventArgs e)
{
    await Shell.Current.GoToAsync(nameof(SecondPage), true);
}

此时点击Flyout菜单的“Second Page”，会和按钮跳转一样将页面加入导航栈，显示返回按钮，按Android返回键会回到MainPage而非直接退出应用。

内容的提问来源于stack exchange，提问作者adinas