Xamarin.Forms Shell跳转页面时如何隐藏底部Tab栏保留顶部导航栏

解决方案 #

你只需要通过Shell的内置附加属性控制Tab栏显隐即可，当前用GoToAsync的路由跳转本身就会默认保留顶部导航栏，无需调整跳转逻辑，按以下步骤操作：

1. 首先确认详情页路由已正确注册，在AppShell.xaml.cs的构造函数中添加路由注册代码：

public AppShell()
{
    InitializeComponent();
    Routing.RegisterRoute("monkeydetails", typeof(MonkeyDetailsPage));
}

2. 隐藏Tab栏有两种实现方式，按需选择即可：

• 静态固定隐藏：直接在MonkeyDetailsPage.xaml的根节点添加Shell.TabBarIsVisible="False"属性，进入该页面时Tab栏会自动隐藏，返回列表页时自动恢复：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="你的命名空间.Views.MonkeyDetailsPage"
             Shell.TabBarIsVisible="False">
    <!-- 你的详情页布局代码 -->
</ContentPage>

• 动态控制显隐：如果需要根据业务条件判断是否隐藏Tab栏，可以在详情页的生命周期方法中控制属性值：

protected override void OnAppearing()
{
    base.OnAppearing();
    // 进入页面时隐藏Tab栏
    Shell.Current.TabBarIsVisible = false;
}

protected override void OnDisappearing()
{
    base.OnDisappearing();
    // 离开页面时恢复Tab栏显示
    Shell.Current.TabBarIsVisible = true;
}

你之前用PushModalAsync没有顶部导航栏是因为模态弹窗默认不会继承Shell的导航结构，改用路由跳转+显隐控制的方案完全可以满足「保留顶部导航、隐藏底部Tab」的需求，原有跳转代码不需要修改。

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