Xamarin-Shell.Current.GoToAsync和后退按钮

如何解决Xamarin-Shell.Current.GoToAsync和后退按钮

我正在开发我的第一个Xamarin Forms应用程序，并且遇到了一些与导航有关的问题。 我有一个主页视图页面，该页面具有3个按钮，试图导航到3个不同的视图（让我们将它们称为AboutPage，SearchResultsPage和ScanPage）。每个视图（包括家庭视图）都有自己的ViewModel和自己的Xaml文件，它们都定义为ContentPages。

HomePage.xaml：

                <Button x:Name="About" Grid.Row="2" Grid.Column="1" FontSize="Large" HorizontalOptions="Start"
                Text="About this app" Clicked="About_Clicked" VerticalOptions="Center" 
                    BackgroundColor="{StaticResource Primary}"
                    TextColor="White" />

HomePage.cs：

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

在我的AppShell上，我还定义了所有路由：

AppShell.cs

    public AppShell()
    {
        InitializeComponent();
        Routing.RegisterRoute(nameof(HomePage),typeof(HomePage));
        Routing.RegisterRoute(nameof(AboutPage),typeof(AboutPage));
        Routing.RegisterRoute(nameof(SearchPage),typeof(SearchResultsPage));
        Routing.RegisterRoute(nameof(ScanPage),typeof(ScanPage));
}

这是我的AppShell.xaml

<TabBar x:Name="tabBar">
    <ShellContent Icon="home.png" Route="HomePage" ContentTemplate="{DataTemplate local:HomePage}"  />
    <ShellContent Icon="search.png" Route="SearchResultsPage" ContentTemplate="{DataTemplate local:SearchResultsPage}" />
    <ShellContent Icon="scan.png" Route="ScanPage" ContentTemplate="{DataTemplate local:ScanPage}" />

</TabBar>
<ShellContent Route="AboutPage" Shell.FlyoutBehavior="Disabled" ContentTemplate="{DataTemplate local:AboutPage}" />

现在是我遇到问题的时候：当点击主视图上的“关于”按钮时，我导航到正确的页面（AboutPage），但是，我回到顶部并点击按钮。标签栏上的home view链接没有任何反应（我认为这是因为about视图“覆盖” home视图）。每当我导航到主视图时，我都会不断获得aboutpage。再次访问主页视图的唯一方法是单击顶部导航上的“后退”按钮。 但是，当我通过选项卡点击任何内容时，我确实会获得到视图的预期行为，并且能够导航到任何其他视图。我也没有在任何地方显示“后退”按钮（他的工作流程非常适合我的行为，因为所有可导航的页面都可以在底部的标签栏上轻松访问）。

我的问题是：每当我导航到其他内容页面视图时，如何防止这种行为 如果我想访问刚刚离开的视图，我会被迫点击后退按钮吗？

我只希望能够复制与标签栏相同的行为，在该标签栏上，我可以“转到”不同的浏览量，并且没有任何后退按钮或视图可以覆盖恶作剧。这可以与NavigationStack的创建有关吗？

在此link中，它表示您需要在Shell Visual Hierarchy上建立所有路由，这就是为什么我要通过ShellContent项目在其中添加所有视图的原因。这足以阻止导航堆栈吗？

非常感谢！

解决方法

您是否要单击x:Name="About"按钮导航到“关于”页面，然后在顶部导航中按回去，它将返回到首页？

如果是，您可以尝试更改

await Shell.Current.GoToAsync($"//AboutPage");

到

await Shell.Current.GoToAsync($"//HomePage/AboutPage");