.NET MAUI Shell跨层级导航如何维持正确的导航栈结构？

这是一个基于.NET 8的MAUI应用，采用Shell导航（未使用Flyout或Tabs），当前在AppShell中为每个页面单独注册路由：

Routing.RegisterRoute(nameof(Mainpage), typeof(Mainpage));
Routing.RegisterRoute(nameof(A1), typeof(A1));
// 注：推测还注册了A、B、B1的路由

现有导航流程：

• 向下导航层级：

  await Shell.Current.GoToAsync($"{nameof(A)}", parameters);
  await Shell.Current.GoToAsync($"{nameof(A1)}", parameters);
  

• 使用await Shell.Current.GoToAsync("..");向上导航正常。

问题场景：
从A1导航到B1时，若使用GoToAsync($"{nameof(B1)}", parameters);，导航栈变为A -> A1 -> B1，点击返回（".."）会回到A1，而非预期的B；若从B1用GoToAsync($"{nameof(B)}")返回，导航栈变为A -> A1 -> B1 -> B，返回又回到B1。尝试过硬编码返回按钮指向层级上一页，但会导致导航栈冗余、页面复用受限。

正确导航方案 #

1. 定义结构化路由（而非单独注册每个页面） #

Shell导航支持层级路由结构，先在AppShell中按业务层级注册路由，明确页面的父子关系：

// 注册A分支路由
Routing.RegisterRoute(nameof(A), typeof(A));
Routing.RegisterRoute($"{nameof(A)}/{nameof(A1)}", typeof(A1));

// 注册B分支路由
Routing.RegisterRoute(nameof(B), typeof(B));
Routing.RegisterRoute($"{nameof(B)}/{nameof(B1)}", typeof(B1));

2. 跨层级跳转时使用绝对路由或替换栈操作 #

方式一：使用绝对路由直接构建目标层级

绝对路由以//开头，会重置当前导航栈到目标页面的完整层级：

await Shell.Current.GoToAsync($"//{nameof(B)}/{nameof(B1)}", parameters);

此时导航栈变为B -> B1，点击返回（".."）会回到B，符合预期。

方式二：使用替换模式调整现有栈

如果需要保留A页面在栈底（比如从A进入A1，跳转到B1后返回路径为B1→B→A），可以先返回A再导航到B1，或直接替换当前栈条目：

// 先从A1回到A，再导航到B1，栈变为A -> B -> B1
await Shell.Current.GoToAsync("../..");
await Shell.Current.GoToAsync($"{nameof(B)}/{nameof(B1)}", parameters);

// 或直接替换当前栈的A1为B1的完整层级
await Shell.Current.GoToAsync($"//{nameof(B)}/{nameof(B1)}", new Dictionary<string, object>
{
    { "NavigationMode", NavigationMode.Replace }
});

3. 自定义返回行为（可选） #

若需要更灵活的返回逻辑，可在B1页面重写OnBackButtonPressed方法，手动控制导航栈：

protected override bool OnBackButtonPressed()
{
    // 直接导航到B，同时清理无关栈条目
    await Shell.Current.Navigation.PopToRootAsync();
    await Shell.Current.GoToAsync(nameof(B));
    return true; // 阻止默认返回行为
}

关键原理 #

Shell导航的栈结构依赖路由的层级定义，零散注册单个页面会让Shell无法识别页面父子关系，导致跳转时仅在当前栈后追加页面。通过结构化路由+绝对路由/替换模式，可让Shell正确维护导航栈层级，实现预期返回行为。

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