.NET MAUI Shell中重新点击同一标签页时如何重置导航栈？

嘿，我之前做.NET MAUI Shell项目时刚好碰到过一模一样的问题！每次从餐厅详情页回到Home页后，再点一次底部的Home标签，页面还是停留在返回后的状态，没法回到初始的餐厅列表页对吧？给你分享个亲测有效的解决办法：

核心思路就是监听TabBar的点击事件，当用户点击当前已经选中的Tab时，强制导航回该Tab的根页面并重置导航栈。具体步骤如下：

1. 先确保你的Shell XAML里给每个Tab的根页面设置好路由，比如这样：

<TabBar>
    <Tab Title="Home" Icon="home">
        <!-- 给Home页设置Route，方便后续绝对导航 -->
        <ShellContent Route="Home" ContentTemplate="{DataTemplate local:HomePage}" />
    </Tab>
    <Tab Title="Search" Icon="search">
        <ShellContent Route="Search" ContentTemplate="{DataTemplate local:SearchPage}" />
    </Tab>
    <Tab Title="Cart" Icon="cart">
        <ShellContent Route="Cart" ContentTemplate="{DataTemplate local:CartPage}" />
    </Tab>
</TabBar>

<!-- 别忘了注册详情页的路由 -->
<ShellContent Route="RestaurantDetailPage" ContentTemplate="{DataTemplate local:RestaurantDetailPage}" />

2. 打开你的自定义Shell类（比如AppShell.xaml.cs），重写OnTabBarItemClicked方法——这个方法会在用户点击TabBar上任何一个项时触发，不管是不是当前选中的：

protected override async void OnTabBarItemClicked(TabBarItem tabBarItem)
{
    base.OnTabBarItemClicked(tabBarItem);

    // 判断用户点击的是不是当前已经激活的Tab
    if (tabBarItem == CurrentItem)
    {
        // 获取当前Tab的根页面路由
        var rootRoute = ((ShellContent)tabBarItem.Items[0]).Route;
        // 用绝对路由导航回根页面，同时设置ResetStack=true清空导航栈
        await Shell.Current.GoToAsync($"//{rootRoute}", new ShellNavigationOptions
        {
            ResetStack = true
        });
    }
}

这样设置之后，当你在Home页打开餐厅详情页，再重新点击底部的Home标签，就会直接回到初始的餐厅列表页，导航栈也被重置干净了——之前的详情页记录都没了，完全符合预期！

另外补充个小细节：//开头的是绝对路由，能确保我们导航到的是Tab的根页面，不会受之前的导航路径影响；ResetStack=true则会清空当前Tab的所有导航历史，只保留根页面。

备注：内容来源于stack exchange，提问作者rk verma