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

Question

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

我创建了 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 的单独视图模型。

因此，如果我直接将 A1 绑定到主导航页面，它将正常工作并呈现数据。但是如果我喜欢上面的视图模型，A1 不会击中构造函数，并且除了静态数据之外没有任何内容显示。我是标签页的新手导航。感谢任何帮助。这是我正在尝试实现的视图

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 只有底部对齐的标签栏。