导航到路线不发生

Question

我在 Visual Studio 2019 中使用 Xamarin.Forms Shell 创建了一个新应用程序。我正在尝试让导航正常工作，但我不确定为什么在调用 Shell.Current.GoToAsync 时没有任何反应。

使用 Shell Tab Bar 模板自带的 UWP 应用进行测试，我在共享库中有以下app.xaml.cs。

    public partial class App : Application
    {
        public App()
        {
            InitializeComponent();
            MainPage = new AppShell();
        }
    }

在AppShell XAML 和代码隐藏中，我为我的登录路径创建了一个ShellItem，应用程序在该路径中成功启动。我也有一个TabBar，其中有一条通往MangaLibraryPage 的路线。我也注册了我的路线。

AppShell.xaml

<?xml version="1.0" encoding="UTF-8"?>
<Shell xmlns="http://xamarin.com/schemas/2014/forms" 
       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
       xmlns:local="clr-namespace:MangaLater.Views"
       Title="MangaLater"
       x:Class="MangaLater.AppShell">

    <ShellItem Route="login" FlyoutItemIsVisible="False">
        <ShellContent ContentTemplate="{DataTemplate local:LoginPage}" />
    </ShellItem>
        
    <TabBar>
        <ShellContent Route="MangaLibraryPage" ContentTemplate="{DataTemplate local:MangaLibraryPage}" />
    </TabBar>


</Shell>

AppShell.cs

    public partial class AppShell : Xamarin.Forms.Shell
    {
        public AppShell()
        {
            InitializeComponent();
            Routing.RegisterRoute("login", typeof(LoginPage));
            Routing.RegisterRoute(nameof(MangaLibraryPage), typeof(MangaLibraryPage));
        }
    }

LoginPage 非常简单 - 它只有一个带有标签和按钮的网格。

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
                     x:Class="MangaLater.Views.LoginPage"
                     xmlns:vm="clr-namespace:MangaLater.Views"
                     Shell.FlyoutBehavior="Disabled"
                     Shell.NavBarIsVisible="False">
    
    <ContentPage.Content>
        <Grid Padding="0, 60, 0, 0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="1*"></ColumnDefinition>
                <ColumnDefinition Width="4*"></ColumnDefinition>
                <ColumnDefinition Width="1*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <StackLayout x:Name="LoginStackLayout"
                         Grid.Column="1">
                <Label Text="Login"
                       HorizontalOptions="Center"
                       Margin="0, 0, 0, 24"
                       FontAttributes="Bold"
                       FontSize="36"></Label>
                <Button Text="Sign in with Google" 
                            Grid.ColumnSpan="2"
                            BackgroundColor="#4285F4"
                            TextColor="White"
                            FontAttributes="Bold"
                            Margin="16, 8"></Button>
            </StackLayout>
        </Grid>
    </ContentPage.Content>
</ContentPage>

我已将视图模型全部连接起来并与导航一起使用，但最近发生的一些变化破坏了它，所以我一直在慢慢删除代码，试图找出导致导航不起作用的原因。

此时我没有视图模型，我所拥有的只是试图强制导航到新页面的代码隐藏。

    [XamlCompilation(XamlCompilationOptions.Compile)]
    public partial class LoginPage : ContentPage
    {
        public LoginPage()
        {
            InitializeComponent();
        }

        protected override async void OnAppearing()
        {
            base.OnAppearing();
            await Shell.Current.GoToAsync($"//{nameof(MangaLibraryPage)}");
        }
    }

当应用程序启动时，OnAppearing 会在 LoginPage 上调用两次。我上面的代码中没有任何地方明确调用，所以我不确定为什么OnAppearing 被多次调用。 GoToAsync 调用被命中并且不会抛出任何异常，但导航永远不会发生。该应用程序停留在Loginpage。这里有什么突出我做错了吗？ MangaLibraryPay 的构造函数永远不会被命中，表明导航永远不会实例化它。

Answer 1

当我最初在原始帖子中运行最小示例时，我不确定为什么会出现这种情况，但确实如此。我能够通过使用OnClick 处理程序使其工作。一旦我删除了OnClick 处理程序并将代码放回OnAppearing 方法，它也能正常工作。不是 100% 清楚为什么要删除 OnAppearing 方法，将其放入 OnClick 然后删除 OnClick 并重新覆盖 OnAppearing 修复它。

一旦我让它工作了，我就恢复了我的所有原始代码并再次经历了同样的行为。我的原始代码有一个 ContentPage 的子类，如下所示：

    public abstract class MangaContentPage<TViewModel> : ContentPage where TViewModel : BaseViewModel
    {
        protected TViewModel ViewModel { get; private set; }

        protected IServiceProvider ServiceProvider { get; private set; }

        protected override async void OnAppearing()
        {
            base.OnAppearing();

            await BeforeViewModelInitialized();

            this.ServiceProvider = Application.Current.GetServiceProvider();
            this.ViewModel = this.ServiceProvider.GetRequiredService<TViewModel>();

            await this.ViewModel.Initialize();

            this.BindingContext = this.ViewModel;

            await OnViewModelInitialized();
        }

        protected virtual Task BeforeViewModelInitialized()
        {
            return Task.CompletedTask;
        }

        protected virtual Task OnViewModelInitialized()
        {
            return Task.CompletedTask;
        }
    }

OnViewModelInitialized 方法随后在我的子类中实现。

public partial class LoginPage : MangaContentPage<LoginPageViewModel>
    {
        public LoginPage()
        {
            InitializeComponent();
        }

        protected override Task BeforeViewModelInitialized()
        {
            var authService = base.ServiceProvider.GetRequiredService<IAuthorizationService>();
            UserAuthenticatedResponse authResponse = authService.IsUserAuthenticated();

            if (authResponse.IsAuthenticated)
            {
                return Shell.Current.GoToAsync($"//{nameof(MangaLibraryPage)}");
            }

            return base.BeforeViewModelInitialized();
        }
    }

导航在这种方法中停止工作。我能够通过使用Dispatcher 包装对OnViewModelInitialized() 的调用并强制它在主线程上运行来解决它。看着来自@ToolmakerSteve 的建议的OnClick 处理程序工作正常，而OnAppearing 工作没有发生上游异步让我想知道这是否在后台线程中丢失并且永远不会回到主UI 线程。事实证明一定是这样的。

我的MangaContentPage<TViewModel> 被修改为Dispatcher 并解决了这个问题。

    public abstract class MangaContentPage<TViewModel> : ContentPage where TViewModel : BaseViewModel
    {
        protected TViewModel ViewModel { get; private set; }

        protected IServiceProvider ServiceProvider { get; private set; }

        protected override async void OnAppearing()
        {
            base.OnAppearing();

            Dispatcher.BeginInvokeOnMainThread(() => this.BeforeViewModelInitialized());

            this.ServiceProvider = Application.Current.GetServiceProvider();
            this.ViewModel = this.ServiceProvider.GetRequiredService<TViewModel>();

            await this.ViewModel.Initialize();

            this.BindingContext = this.ViewModel;

            Dispatcher.BeginInvokeOnMainThread(async () => await OnViewModelInitialized());
        }

        protected virtual Task BeforeViewModelInitialized()
        {
            return Task.CompletedTask;
        }

        protected virtual Task OnViewModelInitialized()
        {
            return Task.CompletedTask;
        }
    }

现在我的基类可以通过 DI 解析视图模型及其依赖关系，初始化它们并让页面能够在执行所有繁重的 ViewModel 工作之前中止并导航到新页面。