Xamarin Shell应用登录与启动页流程导航异常问题

我需要实现指定的登录流程：

• 未登录状态：启动页 → Welcome页 → 登录/注册页 → 登录成功进入Home页
• 已登录状态：启动页直接进入Home页
• 登出操作：从Home页（Account标签页）登出后回到Welcome页

目前用Xamarin的AppShell实现页面导航，但点击登出按钮时，本该跳转到WelcomePage，却回到了LoginPage。

各页面导航代码 #

• 启动页（Splashscreen page）：
  • 已登录：await Shell.Current.GoToAsync($"//{nameof(HomePage)}");
  • 未登录：await Shell.Current.GoToAsync($"//{nameof(WelcomePage)}");
• Welcome页：
  • 登录按钮：await Shell.Current.GoToAsync($"{nameof(LoginPage)}");
  • 注册按钮：await Shell.Current.GoToAsync($"{nameof(SignUpPage)}");
• Home页（从Account标签页进入）：
  • 登出按钮：await Shell.Current.GoToAsync($"//{nameof(WelcomePage)}");
• 注册页（Registration page）：
  • 注册完成后：await Shell.Current.GoToAsync($"//{nameof(WelcomePage)}/{nameof(LoginPage)}");
• Login页：
  • 登录按钮：await Shell.Current.GoToAsync($"//{nameof(HomePage)}");

AppShell相关代码 #

AppShell.xaml #

...
<ShellItem Route="LoadingPage">
    <ShellContent ContentTemplate="{DataTemplate local:LoadingPage}" />
</ShellItem>
<ShellContent Route="WelcomePage" ContentTemplate="{DataTemplate local:WelcomePage}"/>
<TabBar>
<ShellContent Title="Home" Route="HomePage" Icon="icon_home.png" ContentTemplate="{DataTemplate local:HomePage}" />
    <ShellContent Title="Items" Route="ItemsPage" Icon="icon_items.png" ContentTemplate="{DataTemplate local:ItemsPage}" />
    <ShellContent Title="Account" Route="AccountPage" Icon="icon_account.png" ContentTemplate="{DataTemplate local:AccountPage}" />
</TabBar>

AppShell.cs #

Routing.RegisterRoute(nameof(LoginPage), typeof(LoginPage));
Routing.RegisterRoute(nameof(SignUpPage), typeof(SignUpPage));
Routing.RegisterRoute(nameof(ItemDetailPage), typeof(ItemDetailPage));
Routing.RegisterRoute(nameof(NewItemPage), typeof(NewItemPage));

问题根源是导航栈残留和Shell路由逻辑冲突，按以下步骤修复：

1. 登出时强制清空导航栈
   修改Home页的登出按钮代码，跳转时清空栈，避免回退到之前的LoginPage：

// 强制跳转并清空导航栈
await Shell.Current.GoToAsync($"//{nameof(WelcomePage)}", true);
// 额外清理路由栈残留
Shell.Current.Navigation.NavigationStack.Clear();

2. 调整注册完成后的路由逻辑
   原代码把LoginPage作为WelcomePage的子页面加入栈，导致后续登出时栈内仍有LoginPage。改成分步跳转：

// 先回到WelcomePage，再导航到LoginPage
await Shell.Current.GoToAsync($"//{nameof(WelcomePage)}");
await Shell.Current.GoToAsync($"{nameof(LoginPage)}");

3. 优化Shell路由结构
   将登录相关页面设为独立ShellItem，避免和TabBar页面共享导航栈：
   修改AppShell.xaml：

<ShellItem Route="LoadingPage">
    <ShellContent ContentTemplate="{DataTemplate local:LoadingPage}" />
</ShellItem>
<ShellItem Route="WelcomePage">
    <ShellContent ContentTemplate="{DataTemplate local:WelcomePage}" />
</ShellItem>
<ShellItem Route="LoginPage">
    <ShellContent ContentTemplate="{DataTemplate local:LoginPage}" />
</ShellItem>
<ShellItem Route="SignUpPage">
    <ShellContent ContentTemplate="{DataTemplate local:SignUpPage}" />
</ShellItem>
<TabBar>
    <ShellContent Title="Home" Route="HomePage" Icon="icon_home.png" ContentTemplate="{DataTemplate local:HomePage}" />
    <ShellContent Title="Items" Route="ItemsPage" Icon="icon_items.png" ContentTemplate="{DataTemplate local:ItemsPage}" />
    <ShellContent Title="Account" Route="AccountPage" Icon="icon_account.png" ContentTemplate="{DataTemplate local:AccountPage}" />
</TabBar>

4. 登录成功时清空栈
   修改Login页的登录按钮代码，确保跳转后无法回退到LoginPage：

await Shell.Current.GoToAsync($"//{nameof(HomePage)}", true);

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