在MAUI/Xamarin Forms App Shell编程切换Tab并保留页面栈（替代GoToAsync）

我有一个MAUI应用（Xamarin Forms场景相同），使用App Shell的<TabBar>包含4个页面。每个Tab页面独立工作，通过Shell.Current.Navigation.PushAsync(new ChildPage());向Tab1的导航栈推入新页面。

场景补充：页面栈是动态的，ChildPage位置不固定且可多次入栈，无法使用绝对路由路径。

手动点击导航Tab按钮时，切换Tab后再切回，每个Tab的导航栈会被保留（例如从Tab2切回Tab1会显示Child Page 2）：

• [Tab 1]
  • NewPage 1
  • Child Page 1
  • Child Page 2
• [Tab 2]
  • NewPage 2
• [Tab 3] 等

我需要通过编程方式实现这种切换，而非手动点击Tab按钮。目前仅找到await Shell.Current.GoToAsync("//NewPage1");这种导航方式，但这不符合需求（会回到Tab根页面）。

请问是否有可行方法？是否有相关API暴露，还是需要手动跟踪Navigated事件并记录完整路径后调用GoToAsync？

示例代码片段 #

AppShell.xaml相关部分 #

<?xml version="1.0" encoding="UTF-8" ?>
<Shell
    x:Class="ShellNavTest.AppShell"
    xmlns:local="clr-namespace:ShellNavTest"
    Shell.FlyoutBehavior="Disabled">
    <TabBar>
        <ShellContent Title="Page1" Route="NewPage1" ContentTemplate="{DataTemplate local:NewPage1}" />
        <ShellContent Title="Page2" Route="NewPage2" ContentTemplate="{DataTemplate local:NewPage2}" />
        <ShellContent Title="Page3" Route="NewPage3" ContentTemplate="{DataTemplate local:NewPage3}" />
        <ShellContent Title="Page4" Route="NewPage4" ContentTemplate="{DataTemplate local:NewPage4}" />
    </TabBar>
</Shell>

NewPage1.xaml #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage 
             x:Class="ShellNavTest.NewPage1"
             Title="NewPage1"
             Shell.TabBarIsVisible="True" >
    <VerticalStackLayout>
        <Label 
            Text="Page 1"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
        <Button x:Name="btnCreateChild" Text="Create Child" Clicked="btnCreateChild_Clicked" Margin="20" />
    </VerticalStackLayout>
</ContentPage>

NewPage1.xaml.cs #

namespace ShellNavTest;

public partial class NewPage1 : ContentPage
{
    public NewPage1()
    {
        InitializeComponent();
    }

    private void btnCreateChild_Clicked(object sender, EventArgs e)
    {
        Shell.Current.Navigation.PushAsync(new ChildPage());
    }
}

ChildPage.xaml #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage 
             x:Class="ShellNavTest.ChildPage"
             Title="ChildPage"
             Shell.TabBarIsVisible="True" >
    <VerticalStackLayout BackgroundColor="Cyan">
        <Label 
            Text="this is a child page on navigation stack but not in routes"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
    </VerticalStackLayout>
</ContentPage>

NewPage2.xaml #

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage 
             x:Class="ShellNavTest.NewPage2"
             Title="NewPage2"
             Shell.TabBarIsVisible="True" >
    <VerticalStackLayout>
        <Label 
            Text="Page 2"
            VerticalOptions="Center" 
            HorizontalOptions="Center" />
        <Button x:Name="btnGotoPage1" Text="Goto Page 1" Clicked="btnGotoPage1_Clicked" Margin="20" />
    </VerticalStackLayout>
</ContentPage>

NewPage2.xaml.cs #

namespace ShellNavTest;

public partial class NewPage2 : ContentPage
{
    public NewPage2()
    {
        InitializeComponent();
    }

    private async void btnGotoPage1_Clicked(object sender, EventArgs e)
    {
        await Shell.Current.GoToAsync("//NewPage1");
    }
}

解决方案 #

不需要手动跟踪导航栈，Shell本身已经为每个Tab维护了独立的导航栈，只需通过编程方式激活目标Tab即可保留其原有栈状态。

方法：直接设置Shell的CurrentItem #

Shell的CurrentItem属性对应当前激活的Tab项，直接将其设置为目标Tab的ShellContent，就能实现和手动点击Tab一致的效果——保留该Tab的完整导航栈。

修改NewPage2.xaml.cs中的按钮点击事件：

private void btnGotoPage1_Clicked(object sender, EventArgs e)
{
    // 找到目标ShellContent（Tab1对应的项）
    var targetTab = Shell.Current.Items
        .OfType<TabBar>()
        .First()
        .Items
        .FirstOrDefault(item => item.Route == "NewPage1");

    if (targetTab != null)
    {
        Shell.Current.CurrentItem = targetTab;
    }
}

原理说明 #

• Shell的TabBar下的每个ShellContent都是独立的导航宿主，各自维护自己的NavigationStack
• 手动点击Tab本质就是修改Shell.Current.CurrentItem，因此直接设置该属性可以完全复现手动切换的行为
• 这种方式不需要依赖路由，完全适配动态导航栈的场景

扩展：封装成通用方法 #

如果需要频繁切换Tab，可以封装一个通用方法：

public static void SwitchToTab(string route)
{
    var targetTab = Shell.Current.Items
        .OfType<TabBar>()
        .First()
        .Items
        .FirstOrDefault(item => item.Route == route);

    if (targetTab != null)
    {
        Shell.Current.CurrentItem = targetTab;
    }
}

调用时只需：

SwitchToTab("NewPage1");

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