如何在 Xamarin.Forms 中将 NavigationControls.xaml 与 NavigationControlsViewModel.cs 连接/绑定？

Question

NavigationControls.xaml

<Grid xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      xmlns:local="clr-namespace:<AppName>.ViewModels"
      x:Class="<AppName>.Views.UserControls.NavigationControls">

      <!-- this grid has buttons for navigation, and buttons have command for binding for navigation -->
      
      <Button Grid.Column="0" Text="My Profile" Style="{StaticResource buttonStyle}" Command="{Binding MyProfile}">
        <VisualStateManager.VisualStateGroups>
          <VisualStateGroup x:Name="CommonStates">
            <VisualState x:Name="Normal">
                <VisualState.Setters>
                    <Setter Property="ImageSource" Value="MyProfileBlue" />
                </VisualState.Setters>
            </VisualState>
            <VisualState x:Name="Pressed">
                <VisualState.Setters>
                    <Setter Property="ImageSource" Value="MyProfileWhite" />
                </VisualState.Setters>
            </VisualState>
         </VisualStateGroup>
       </VisualStateManager.VisualStateGroups>
     </Button>

     <!-- some more buttons as above -->

</Grid>

NavigationControls.xaml.cs

using System;
using System.Collections.Generic;
using <AppName>.ViewModels;
using Xamarin.Forms;

namespace <AppName>.Views.UserControls
{
  public partial class NavigationControls : Grid
  {
    public NavigationControls()
    {
        InitializeComponent();
    }
  }
}

NavigationControlsViewModel.cs

using System;
using System.Windows.Input;
using Acr.UserDialogs;
using <AppName>.Services;
using <AppName>.Shared.CommonHelper;
using <AppName>.Views;
using FluentValidation;
using Prism.Commands;
using Prism.Events;
using Prism.Navigation;
using Xamarin.Essentials.Interfaces;
using Xamarin.Forms;

namespace <AppName>.ViewModels
{
  public class NavigationControlsViewModel : ViewModelBase
  {
    public ICommand MyProfile { get; set; }
    public ICommand MyStats { get; set; }
    
    // Constructor..
    public NavigationControlsViewModel(INavigationService navigationService,
                                       IEventAggregator eventAggregator,
                                       IAppSettingsProvider appSettingsProvider,
                                       IConnectivity connectivityService,
                                       IUserDialogs userDialogs,
                                       IAuthenticationService authenticationService) : base(navigationService, eventAggregator, connectivityService, appSettingsProvider, userDialogs)

    {
        // Constructor body..

        MyProfile = new DelegateCommand(() => {
            navigationService.NavigateAsync("MyProfile");
        });

        MyStats = new DelegateCommand(() => {
            NavigateToPageHelper(ViewNames.MyStatsPage);
        });

    } // Constructor ended..
  }
}

我在我的视图中使用 NavigationControls.xaml （这是一个用户控件），如下所示：-

页.xaml

<views:AppViewBase xmlns:views="clr-namespace:<AppName>.Views"
                   xmlns:converter="clr-namespace:<AppName>.Converters"
                   xmlns:prism="http://prismlibrary.com"
                   xmlns:userControl="clr-namespace:<AppName>.Views.UserControls"
                   prism:ViewModelLocator.AutowireViewModel="True"
                   xmlns="http://xamarin.com/schemas/2014/forms"
                   xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

  <views:AppViewBase.Content>

    <!-- some view code --> 

    <ScrollView VerticalScrollBarVisibility="Never" HorizontalScrollBarVisibility="Never">
                <userControl:NavigationControls/>
    </ScrollView>

  </views:AppViewBase.Content>
</views:AppViewBase>

页码.xaml.cs

using System;
using System.Collections.Generic;
using Xamarin.Essentials;
using Xamarin.Forms;
using Xamarin.Forms.Xaml;

namespace <AppName>.Views
{
  [XamlCompilation(XamlCompilationOptions.Compile)]
  public partial class Page : AppViewBase
  {
    public Page()
    {
        InitializeComponent();
    }
  }
}

App.xaml.cs

protected override void RegisterTypes(IContainerRegistry containerRegistry)
{
  containerRegistry.RegisterForNavigation<NavigationControls, NavigationControlsViewModel>(ViewNames.NavigationControls);

  <!-- some more registries -->
  
}

App.xaml.cs的RegisterTypes()方法遇到以下问题是：-

CS0311：类型“.UserControls.NavigationControls”不能用作泛型类型或方法“IContainerRegistryExtensions.RegisterForNavigation<TView, TViewModel>(IContainerRegistry, string)”中的类型参数“TView”。 没有从“.Views.UserControls.NavigationControls”到“Xamarin.Forms.Page”的隐式引用转换。