嵌套选项卡视图未绑定到单独的ViewModel

Question

我想将viewmodel绑定到xamarin棱镜框架中的嵌套选项卡视图

我创建了4个主要页面（A，B，C，D）作为主要选项卡，在第一个选项卡（A）内创建了另外两个选项卡（A1，A2）。但是嵌套选项卡的数据没有绑定。观看次数（A1，A2）没有被击中

MenuPage.xml

<?xml version="1.0" encoding="utf-8" ?>
<TabbedPage  xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MyApp.Views.MenuPage"
             xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
             xmlns:b="clr-namespace:Prism.Behaviors;assembly=Prism.Forms"

             prism:ViewModelLocator.AutowireViewModel="True" 
              xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
             xmlns:views="clr-namespace:MyApp.Views"

                BarBackgroundColor="White"
             android:TabbedPage.ToolbarPlacement="Bottom"
             NavigationPage.HasNavigationBar="True">

    <TabbedPage.Children>
        <views:A Title="A" Icon="abc.png" />
        <views:B Title="B" Icon="abc.png" />
        <views:C Title="C" Icon="abc.png" />
        <views:D Title="D" Icon="abc.png"/>
    </TabbedPage.Children>
</TabbedPage>

我的页面A就像

<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:views="clr-namespace:MyApp.Views"
             x:Class="MyApp.Views.A">
    <!--Pages can be added as references or inline-->
    <TabbedPage.Children>
    <views:A1 Title="A1" />
    <views:A2 Title="A2" />

        </TabbedPage.Children>
</TabbedPage>

并且我对A1和A2有单独的viewmodel。

因此，如果我直接将A1绑定到主导航页面，它将可以正常工作并呈现数据。但是如果我确实喜欢上面的A1的viewmodel不会击中构造函数，并且除了静态数据之外什么都没有显示。导航。感谢您的帮助。这是我正在尝试实现的视图

Answer 1

我发现我们应该在页面的XAML中添加AutowireViewModel来加载所需的视图模型：

xmlns:prism="clr-namespace:Prism.Mvvm;assembly=Prism.Forms"
prism:ViewModelLocator.AutowireViewModel="True"

通常，我们使用containerRegistry.RegisterForNavigation<>();将自定义视图模型绑定到某个视图。但是，您在根选项卡式页面中放置了一个子选项卡式页面。这导致嵌套视图丢失了到相应视图模型的映射。添加AutowireViewModel后，此问题已解决。我们仍然可以使用RegisterForNavigation将您的自定义视图模型绑定到您的特殊视图，而不是自动命名对话。

这是我的一个简单的嵌套选项卡式页面的示例：https://github.com/landl0526/PrismTabDemo。请参阅它以获得更详细的代码。

此外，这仅适用于Android平台，因为iOS仅具有底部对齐的标签栏。