MAUI导航至TabBar无返回按钮问题求助

问题原因 #

你把TabBar直接放在Shell的根节点下，这会让它成为Shell根导航结构的一部分，而非导航栈中的一个页面。当从列表页导航到TabBar对应的路由时，Shell会替换根导航，导致原列表页、主页不在导航栈内，因此没有返回按钮，安卓返回键直接退出应用。

解决步骤 #

1. 调整AppShell结构，移除根级TabBar

只保留主页作为根ShellContent，并注册路由：

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="myApp.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:myApp.Pages"
    Shell.FlyoutBehavior="Disabled"
    Title="myApp">

    <ShellContent
        Title="Home"
        ContentTemplate="{DataTemplate local:HomePage}"
        Route="home"/>

</Shell>

在AppShell构造函数中注册详情页路由：

public AppShell()
{
    InitializeComponent();
    Routing.RegisterRoute("itemDetails", typeof(ItemDetailsTabbedPage));
}

2. 创建包含TabBar的页面

创建ItemDetailsTabbedPage，用TabbedPage承载原TabBar内容（兼容你原Xamarin项目的使用习惯）：

<?xml version="1.0" encoding="UTF-8" ?>
<TabbedPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:myApp.Pages"
             x:Class="myApp.Pages.ItemDetailsTabbedPage"
             Title="Item Details">
    <local:DetailPage Title="Details" IconImageSource="details.png"/>
    <local:NotesPage Title="Notes" IconImageSource="notes.png"/>
</TabbedPage>

如果坚持用Shell的TabBar，也可以创建内部嵌入TabBar的ContentPage：

<?xml version="1.0" encoding="UTF-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:myApp.Pages"
             x:Class="myApp.Pages.ItemDetailsTabbedPage"
             Title="Item Details">
    <TabBar>
        <Tab Title="Details" Icon="details.png">
            <ShellContent ContentTemplate="{DataTemplate local:DetailPage}" />
        </Tab>
        <Tab Title="Notes" Icon="notes.png">
            <ShellContent ContentTemplate="{DataTemplate local:NotesPage}" />
        </Tab>
    </TabBar>
</ContentPage>

3. 修改导航逻辑

从列表页导航到详情页时，使用相对导航将页面推入导航栈：

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

这样详情页会进入导航栈，顶部自动显示返回按钮，安卓返回键也会回到列表页，而非直接退出应用。

额外提示 #

如果需要传递参数到详情页，可在导航时携带参数：

await Shell.Current.GoToAsync($"itemDetails?ItemId={selectedItem.Id}");

然后在ItemDetailsTabbedPage或子页面中通过Shell.Current.CurrentState.QueryProperties获取参数。

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