.NET MAUI登录页面跳转后主页面无TabBar问题求助

你的问题根源在于：直接导航到MainPage实例时，它脱离了TabBar对应的Shell上下文，所以TabBar不会显示。以下是两种明确的解决方式：

方式一：通过Shell路由导航到TabBar下的页面 #

这种方式是.NET MAUI Shell的标准用法，通过路由确保页面处于TabBar的结构中。

1. 修改AppShell.xaml，给Shell元素和ShellContent添加路由

<?xml version="1.0" encoding="UTF-8" ?>
<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:local="clr-namespace:你的应用命名空间"
       xmlns:view="clr-namespace:你的应用命名空间.Views"
       x:Class="你的应用命名空间.AppShell"
       Route="MainTabs"> <!-- 给TabBar所在的Shell设置根路由 -->

    <ShellItem Route="Login">
        <ShellContent ContentTemplate="{DataTemplate view:Login}" />
    </ShellItem>

    <TabBar>
        <ShellContent
            Route="Home"
            Title="Home"
            ContentTemplate="{DataTemplate local:MainPage}"
            Icon="icon_home" />

        <ShellContent
            Route="About"
            Title="About"
            ContentTemplate="{DataTemplate local:About}"
            Icon="icon_about" />
    </TabBar>
</Shell>

2. 修改登录视图模型的导航代码
   替换原来直接跳MainPage的代码，改为通过绝对路由导航：

// 绝对路由确保从根导航到TabBar下的Home页面
await Shell.Current.GoToAsync("//MainTabs/Home");

方式二：切换Shell元素的可见性 #

通过控制登录ShellItem和TabBar的显示状态，实现登录后切换到带TabBar的界面。

1. 修改AppShell.xaml，给元素添加名称并默认隐藏TabBar

<?xml version="1.0" encoding="UTF-8" ?>
<Shell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:local="clr-namespace:你的应用命名空间"
       xmlns:view="clr-namespace:你的应用命名空间.Views"
       x:Class="你的应用命名空间.AppShell">

    <ShellItem x:Name="LoginShellItem">
        <ShellContent ContentTemplate="{DataTemplate view:Login}" />
    </ShellItem>

    <TabBar x:Name="MainTabBar" IsVisible="False">
        <ShellContent
            Title="Home"
            ContentTemplate="{DataTemplate local:MainPage}"
            Icon="icon_home" />

        <ShellContent
            Title="About"
            ContentTemplate="{DataTemplate local:About}"
            Icon="icon_about" />
    </TabBar>
</Shell>

2. 登录成功后切换可见性并导航
   在登录视图模型中添加以下代码：

// 获取AppShell实例
var appShell = (AppShell)Shell.Current;
// 隐藏登录项，显示TabBar
appShell.LoginShellItem.IsVisible = false;
appShell.MainTabBar.IsVisible = true;
// 导航到Home页面
await Shell.Current.GoToAsync(nameof(MainPage));

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