MAUI中从协议页导航至TabbedPage时遇异常问题求助

核心问题是MAUI Shell 与传统 TabbedPage 组件存在兼容冲突。Shell 框架本身提供了原生的标签页实现（通过TabBar、Tab、ShellContent），强行将独立的TabbedPage作为 Shell 导航目标时，会导致 Android 端视图层级混乱，触发找不到视图 ID 的异常。

具体解决步骤 #

1. 替换 TabbedPage 为 Shell 原生标签栏结构 #

停止使用继承自TabbedPage的ResultsPage，直接在 Shell 的 XAML 中定义主应用的标签栏：

<!-- AppShell.xaml -->
<Shell ...>
    <!-- 注册免责声明、向导页的路由 -->
    <FlyoutItem Title="导航">
        <ShellContent Route="DisclaimerPage" ContentTemplate="{DataTemplate local:DisclaimerPage}" />
        <ShellContent Route="WizardPage" ContentTemplate="{DataTemplate local:WizardPage}" />
    </FlyoutItem>

    <!-- 主应用标签栏 -->
    <TabBar>
        <Tab Title="结果" Icon="results_icon.png">
            <ShellContent ContentTemplate="{DataTemplate local:ResultsTabPage1}" />
        </Tab>
        <Tab Title="统计" Icon="stats_icon.png">
            <ShellContent ContentTemplate="{DataTemplate local:StatsTabPage2}" />
        </Tab>
        <!-- 可添加更多标签页 -->
    </TabBar>
</Shell>

2. 调整导航到主标签页的代码 #

从向导页跳转至主标签栏时，直接通过 Shell 路由定位到目标页面：

// 向导页跳转按钮的点击事件
await Shell.Current.GoToAsync("//TabBar/ResultsTabPage1");

其中//表示从根路由开始导航，确保直接加载 Shell 原生的标签栏页面。

3. 兼容旧代码的备选方案（不推荐） #

若因历史代码限制必须保留TabbedPage，需将其注册为 Shell 的ShellContent内容，而非直接导航：

<!-- AppShell.xaml 中添加路由映射 -->
<ShellContent Route="ResultsPage" ContentTemplate="{DataTemplate local:ResultsPage}" />

导航代码改为：

await Shell.Current.GoToAsync("ResultsPage");

此方案仍可能存在视图层级隐患，优先推荐使用 Shell 原生标签栏方案。

额外注意事项 #

• 确保所有页面的路由在 Shell 中正确注册，无重复或错误定义。
• Android 端的视图 ID 异常本质是 Shell 与 TabbedPage 的视图树冲突，遵循 Shell 设计规范、避免混用传统导航组件是根本解决办法。

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