.NET MAUI Shell标签页跨Tab共享ViewModel方案咨询

Shell 原生支持跨标签页共享绑定上下文，不需要退回传统TabbedPage实现，以下三种方案都可以实现和Xamarin.Forms中多页共用ViewModel完全一致的效果，适配多步骤表单录入场景： #

方案1：父节点挂载共享实例（最贴合原有Xamarin.Forms实现逻辑） #

Shell 元素树默认支持BindingContext向下继承，你只需要把共享ViewModel实例挂载到三个Tab共同的父节点FlyoutItem上，下属所有ShellContent生成的页面会自动继承这个上下文，不需要单独给每个Tab赋值，和你之前在TabbedPage里统一给子页设置BindingContext的逻辑完全等价。
首先修改Shell的XAML配置：

<Shell ....>
    <FlyoutItem x:Name="InputFlyout" Title="Data Input">
        <!-- 父节点直接初始化共享ViewModel -->
        <FlyoutItem.BindingContext>
            <local:SharedInputViewModel />
        </FlyoutItem.BindingContext>
        <ShellContent ContentTemplate="{DataTemplate local:Tab1}" Title="Tab1"/>
        <ShellContent ContentTemplate="{DataTemplate local:Tab2}" Title="Tab2"/>
        <ShellContent ContentTemplate="{DataTemplate local:Tab3}" Title="Tab3"/>
    </FlyoutItem>
</Shell>

如果使用依赖注入管理ViewModel，也可以在Shell后台代码中直接赋值：

public partial class AppShell : Shell
{
    public AppShell(SharedInputViewModel sharedModel)
    {
        InitializeComponent();
        InputFlyout.BindingContext = sharedModel;
    }
}

注意：不要在Tab1、Tab2、Tab3的后台代码中重新为BindingContext赋值，否则会覆盖继承到的共享实例。 #

方案2：单例注册ViewModel（适合长期驻留的录入场景） #

如果这个录入流程不需要每次进入都重置数据，可以直接把共享ViewModel注册为单例服务，所有Tab页面注入时拿到的都是同一个实例。
在MauiProgram.cs中注册服务：

var builder = MauiApp.CreateBuilder();
// 共享ViewModel注册为单例
builder.Services.AddSingleton<SharedInputViewModel>();
// 三个Tab页面注册为临时服务
builder.Services.AddTransient<Tab1>();
builder.Services.AddTransient<Tab2>();
builder.Services.AddTransient<Tab3>();

在每个Tab页面的构造函数中注入ViewModel即可：

public partial class Tab1 : ContentPage
{
    public Tab1(SharedInputViewModel sharedModel)
    {
        InitializeComponent();
        BindingContext = sharedModel;
    }
}

Tab2、Tab3的构造函数逻辑和Tab1完全一致。
注意：单例注册的ViewModel不会随页面离开被回收，如果需要每次进入录入流程清空旧数据，需要手动编写数据重置逻辑。 #

方案3：导航传参传递实例（适合临时录入流程，用完即销毁） #

如果录入流程是从其他页面跳转进入，不需要长期驻留内存，可以在导航时传入初始化好的ViewModel实例，通过Shell的查询属性机制传递给每个Tab页。
首先给三个Tab页添加查询属性标记：

// Tab1.xaml.cs
[QueryProperty(nameof(InputModel), "sharedInputModel")]
public partial class Tab1 : ContentPage
{
    public SharedInputViewModel InputModel
    {
        set => BindingContext = value;
    }

    public Tab1()
    {
        InitializeComponent();
    }
}

Tab2、Tab3添加完全相同的查询属性标记即可。导航到录入标签组时传入实例：

// 触发录入流程的页面中执行导航
await Shell.Current.GoToAsync("//InputFlyout", new Dictionary<string, object>
{
    ["sharedInputModel"] = new SharedInputViewModel()
});

实用配置：多表单录入场景下，建议给每个ShellContent节点添加IsDestructive="False"属性，避免切换标签时页面被销毁重建，防止录入的内容意外丢失，同时提升标签切换的流畅度。

内容的提问来源于stack exchange，提问作者user2114189