如何在.NET MAUI AppShell中移除导航栈内的页面

云上老周

2026-7-21

解决.NET MAUI AppShell导航后清除指定Tab栈的问题

你的问题核心在于：AppShell中每个Tab拥有独立的导航栈，直接跳转到Page2只是切换了当前显示的Tab，但Page3对应的导航栈（包含Page4、Page5）并未被修改，所以点击Page3标签时仍会回到栈顶的Page5。要实现需求，需要先清理Page3的导航栈，再切换到Page2。

下面提供两种可行方案：

方案一：使用导航重置模式（推荐）

通过GotoAsync的NavigationMode.Reset参数，直接将Page3的导航栈重置为仅保留Page3，再切换到Page2：

// 先重置Page3的导航栈（仅保留Page3，移除Page4、Page5）
await Shell.Current.GotoAsync($"//{nameof(Page3)}", true);
// 切换到Page2
await Shell.Current.GotoAsync($"//{nameof(Page2)}");

第二个参数true对应NavigationMode.Reset，会将目标页面（Page3）设为导航栈的唯一页面，自动清除后续的Page4、Page5。

方案二：手动操作导航栈

如果需要更精细的控制，可以直接找到Page3所在的Tab，手动移除其导航栈中的多余页面：

// 定位到Page3所属的Tab
var homeFlyout = Shell.Current.Items.OfType<FlyoutItem>().First(f => f.Title == "Home");
var page3Tab = homeFlyout.Items.OfType<Tab>().First(t => t.Title == "Page 3");

// 移除Page3之后的所有页面（Page4、Page5）
if (page3Tab.Navigation.NavigationStack.Count > 1)
{
    for (int i = page3Tab.Navigation.NavigationStack.Count - 1; i > 0; i--)
    {
        page3Tab.Navigation.RemovePage(page3Tab.Navigation.NavigationStack[i]);
    }
}

// 切换到Page2
await Shell.Current.GotoAsync($"//{nameof(Page2)}");