如何在Xamarin中以编程方式选中指定的AppShell选项卡

云上老周

2026-7-27

解决方案

针对你在MAUI Shell中无法通过编程方式切换TabBar选项卡的问题，提供两种可行方案：

方案一：使用正确的Shell路由导航

默认情况下，TabBar中的Tab未设置Route属性，导致GoToAsync无法定位到对应的Tab容器。只需给Tab添加路由配置，即可通过路由导航切换选项卡：

修改AppShell.xaml，给每个Tab添加Route属性：

<TabBar x:Name="tb_pages">
    <Tab Title="Page 1" Icon="icon_feed.png" Route="Page1Tab">
        <ShellContent ContentTemplate="{DataTemplate local:Page1}" Route="Page1"/>
    </Tab>
    <Tab Title="Page 2" Icon="icon_feed.png" Route="Page2Tab">
        <ShellContent ContentTemplate="{DataTemplate local:Page2}" Route="Page2"/>
    </Tab>
</TabBar>

在按钮点击事件中使用正确的路由路径：

private void Button_Clicked(object sender, EventArgs e)
{
    // 直接导航到Tab的路由，会自动选中该Tab并加载对应页面
    Shell.Current.GoToAsync("//Page2Tab");
}

方案二：直接操作TabBar的SelectedItem

这种方式无需依赖路由，直接通过TabBar实例切换选中项，更直观：

在按钮点击事件中添加以下代码：

private void Button_Clicked(object sender, EventArgs e)
{
    var appShell = (AppShell)Shell.Current;
    // 通过Title匹配目标Tab，也可改用Tag等其他标识
    var targetTab = appShell.tb_pages.Items
        .OfType<Tab>()
        .FirstOrDefault(tab => tab.Title == "Page 2");
    
    if (targetTab != null)
    {
        appShell.tb_pages.SelectedItem = targetTab;
    }
}