.NET Maui创建编辑页面时如何自动加载传递的Item名称

问题核心在于[QueryProperty]标记的属性是在ViewModel构造完成后才被赋值的，所以构造函数里直接访问Item.Name会因为Item为null抛出空引用异常。

解决方案：利用ObservableProperty的属性变更回调 #

CommunityToolkit.Mvvm的[ObservableProperty]会自动生成对应的属性变更通知方法，我们可以通过实现这个partial方法来监听Item的赋值事件，一旦Item被成功传递过来，就自动初始化Text的值：

修改后的ItemEditorViewModel代码如下：

using CommunityToolkit.Mvvm.ComponentModel;
using FinalShoppingList.Model;
using CommunityToolkit.Mvvm.Input;

namespace FinalShoppingList.ViewModel
{
    [QueryProperty(nameof(Item), "Item")]
    public partial class ItemEditorViewModel : ObservableObject
    {
        public ItemEditorViewModel()
        {
        }

        [ObservableProperty]
        Item item;

        [ObservableProperty]
        string text;

        // 监听Item属性的变更事件
        partial void OnItemChanged(Item oldValue, Item newValue)
        {
            if (newValue != null)
            {
                Text = newValue.Name;
            }
        }

        [RelayCommand]
        void ChangeText()
        {
            Text = Item.Name;
        }
    }
}

原理说明 #

当通过Shell导航传递Item对象时，QueryProperty会自动给Item属性赋值，此时自动生成的OnItemChanged方法会被触发。我们在这个方法里判断新值不为空后，将Text设置为Item.Name，这样页面加载完成后，绑定的输入框就会自动显示旧条目名称。

你也可以移除原来的ChangeText命令，因为初始化逻辑已经在属性变更时自动完成了。

内容的提问来源于stack exchange，提问作者Jürgen Müller