.NET MAUI Shell标签页与独立页面的往返导航实现方案

首先明确：.NET MAUI Shell完全支持你的导航需求，只需调整路由配置和导航方式即可。

一、修正AppShell路由与结构 #

当前路由注册存在ViewModel与页面路由混淆的问题（HomeViewModel对应Tab的Route，但实际HomeView是Tab内的页面），先调整结构让路由更清晰：

public AppShell()
{
    InitializeComponent();
    // 注册页面路由，避免与Tab的Route混淆
    Routing.RegisterRoute(nameof(LoginView), typeof(LoginView));
    Routing.RegisterRoute(nameof(HomeView), typeof(HomeView));
    Routing.RegisterRoute(nameof(ExampleView), typeof(ExampleView));

    var initialPage = new ShellContent
    {
        ContentTemplate = new DataTemplate(typeof(LoginView)),
        Route = nameof(LoginView) // 给初始页面添加路由
    };

    Items.Add(initialPage);

    SetupTabs();
}

private void SetupTabs()
{
    var mainTab = new Tab
    {
        Title = "Main",
        Route = "MainTab" // 给Tab设置独立的路由名称，避免与页面路由冲突
    };

    mainTab.Items.Add(new ShellContent
    {
        Title = "Page1",
        ContentTemplate = new DataTemplate(typeof(HomeView)),
        Route = nameof(HomeView)
    });

    mainTab.Items.Add(new ShellContent
    {
        Title = "Page2",
        ContentTemplate = new DataTemplate(typeof(PlaceholderView)),
        Route = "PlaceholderPage2"
    });

    var secondTab = new Tab
    {
        Title = "Second",
        Route = "SecondTab"
    };

    secondTab.Items.Add(new ShellContent
    {
        Title = "Page1",
        ContentTemplate = new DataTemplate(typeof(PlaceholderView)),
        Route = "PlaceholderSecondPage1"
    });

    Items.Add(mainTab);
    Items.Add(secondTab);
}

二、实现正确的导航逻辑 #

1. 从LoginView导航到HomeView（带标签栏） #

在LoginViewModel中使用绝对路由导航到Tab，自动加载Tab内的默认页面（HomeView）：

await Shell.Current.GoToAsync("//MainTab");

这里//表示跳转到Shell根层级的Tab路由，确保标签栏正常显示。

2. 从HomeView导航到ExampleView（无标签栏） #

要让ExampleView不显示标签栏，有两种推荐方式：

方式一：模态导航（推荐，完全独立于标签页布局）

通过模态方式弹出ExampleView，此时页面不属于标签页的导航栈，自然不会显示标签栏，返回时关闭模态即可回到HomeView：

await Shell.Current.GoToAsync(nameof(ExampleView), new Dictionary<string, object>
{
    { "PresentationMode", PresentationMode.Modal }
});

返回时直接调用：

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

或者使用await Shell.Current.Navigation.PopModalAsync();，效果一致。

方式二：隐藏标签栏（页面在标签页栈内）

在ExampleView的XAML根元素中添加Shell.TabBarIsVisible="False"，强制隐藏标签栏：

<ContentPage ... Shell.TabBarIsVisible="False">
    <!-- 页面内容 -->
</ContentPage>

然后在HomeViewModel中用相对导航：

await Shell.Current.GoToAsync(nameof(ExampleView));

返回时同样用await Shell.Current.GoToAsync("..");，回到HomeView后标签栏会自动恢复显示。

三、解决全局路由报错问题 #

你之前使用//ExampleView或///ExampleView报错，是因为Shell不允许全局路由页面成为导航栈中的唯一页面。当你从标签页导航时，当前栈结构是LoginView -> MainTab，如果用//ExampleView会直接替换整个栈为ExampleView，此时栈中只有全局路由页面，触发报错。而上述两种导航方式都不会替换整个栈，因此不会出现该问题。

四、返回标签页指定视图 #

如果需要从ExampleView返回时精准回到MainTab的HomeView（而非Tab内的其他页面），可以在返回时使用绝对路由：

await Shell.Current.GoToAsync("//MainTab/HomeView");

这种方式会直接导航到MainTab下的HomeView，确保回到指定页面。

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