MAUI Shell底部Tab仅在指定页面显示，如何实现全局显示？

核心结论 #

这是MAUI Shell TabBar的预期工作方式：TabBar属于Shell定义的"根页面组"，只有当页面属于TabBar内某个Tab的导航栈时，TabBar才会保持显示；如果导航到不属于任何Tab下的页面，Shell会将该页面置于TabBar层级之上，此时TabBar会自动隐藏。

解决办法 #

要实现「非Tab列表页面也显示TabBar」的需求，你需要把这类页面（比如VenueView）作为现有Tab的子页面，而非单独的Tab项，同时确保导航时保持在对应Tab的导航栈内。具体步骤如下：

1. 调整AppShell.xaml配置 #

从TabBar中移除Venue对应的Tab项，将VenueView作为某个现有Tab（比如HomeTab）的子ShellContent并设置隐藏，这样它不会出现在TabBar的选项中：

<Shell
    x:Class="YourApp.AppShell"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:views="clr-namespace:YourApp.Views"
    Shell.NavBarIsVisible="False"> <!-- 全局隐藏顶部导航栏 -->

    <TabBar>
        <Tab Title="Home" Icon="cat.png">
            <ShellContent ContentTemplate="{DataTemplate views:HomeView}" Route="home" />
            <!-- 将VenueView作为HomeTab的子页面，设置IsVisible="False"隐藏Tab项 -->
            <ShellContent ContentTemplate="{DataTemplate views:VenueView}" Route="venue" IsVisible="False" />
        </Tab>
        <Tab Title="Scan" Icon="dog.png">
            <ShellContent ContentTemplate="{DataTemplate views:ScanView}" Route="scan" />
        </Tab>
        <Tab Title="Profile" Icon="dog.png">
            <ShellContent ContentTemplate="{DataTemplate views:ProfileView}" Route="profile" />
        </Tab>
    </TabBar>

</Shell>

2. 正确导航到VenueView #

在需要跳转的页面（比如HomeView）中，使用相对路由导航到VenueView，确保页面加载在HomeTab的导航栈内：

// 从HomeView内导航到VenueView
await Shell.Current.GoToAsync("venue");

如果需要从其他Tab页面导航到VenueView，可以使用绝对路由指定归属的Tab：

await Shell.Current.GoToAsync("//home/venue");

替代方案：代码注册路由 #

如果不想在XAML中添加隐藏的ShellContent，可以在AppShell的构造函数中注册路由：

public AppShell()
{
    InitializeComponent();
    // 注册VenueView的路由
    Routing.RegisterRoute("venue", typeof(VenueView));
}

导航时同样使用绝对路由//home/venue，确保Shell将其加载到HomeTab的导航栈中，TabBar会保持显示。

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