使用Shell框架时，如何在导航至详情页时隐藏Tab Bar？

你的问题出在调用Shell.SetTabBarIsVisible时传入了错误的页面实例参数，应该传入当前页面的this引用，而不是其他页面变量。以下是两种可靠的解决方法：

方法一：在页面生命周期中控制TabBar可见性 #

1. 编辑FirstPage.xaml.cs #

protected override void OnAppearing()
{
    base.OnAppearing();
    // 显示TabBar，传入当前页面实例
    Shell.SetTabBarIsVisible(this, true);
}

2. 编辑DetailsPage.xaml.cs #

protected override void OnAppearing()
{
    base.OnAppearing();
    // 隐藏TabBar，传入当前页面实例
    Shell.SetTabBarIsVisible(this, false);
}

这样设置后，进入DetailsPage时TabBar自动隐藏，返回FirstPage时自动恢复显示。

方法二：导航时通过参数直接控制（更简洁） #

在FirstPage中触发导航到DetailsPage时，直接通过路由参数传递TabBar状态，无需在DetailsPage中编写额外代码：

// 替换你原有的导航代码
await Shell.Current.GoToAsync("Page 2", new Dictionary<string, object>
{
    { "Shell.SetTabBarIsVisible", false }
});

关键注意点 #

• 确认DetailsPage是通过全局路由注册的独立页面（你当前Routing.RegisterRoute("Page 2", typeof(DetailsPage))的写法是正确的），没有被嵌套在TabBar或其他Shell导航容器内。
• 返回导航时，Shell会自动恢复上一级页面的TabBar状态，无需手动处理返回逻辑。

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