如何在毛伊岛传递导航属性？答案

【问题标题】：How to pass navigation properties in Maui?如何在毛伊岛传递导航属性？
【发布时间】：2023-01-11 11:45:45
【问题描述】：

我有一个 Maui 应用程序，带有项目集合视图和项目详细信息视图。在集合视图中点击某个项目时，我想导航到详细信息视图。我使用 Maui Shell 导航。该代码来自 Xamarin 应用程序，它曾经在其中工作。该路由已在 AppShell.xaml 中注册

在收集页面代码后面的点击事件处理程序中

        async void OnItemTapped(ItemViewModel itemVM)
        {
            string route =
                $"//{nameof(ItemPage)}?{nameof(ItemPage.Id)}={itemVM.Id}";
            await Shell.Current.GoToAsync(route);
        }

在调试中，我可以验证变量 route 的内容是否符合预期。

详细信息页面代码隐藏（已编辑为相关位）：

    [XamlCompilation(XamlCompilationOptions.Compile)]
    [QueryProperty(nameof(Id), nameof(Id))]
    public partial class ItemPage : ContentPage, IDisposable
    {
        /// <summary>Navigation property to pass Id value.</summary>
        public string Id { get; set; }

        public TablePartyPage()
        {
            InitializeComponent();
        }

        protected override void OnAppearing()
        {
            base.OnAppearing();
            
            // Id is populated by navigation.
            string id = TablePartyId.FromUrlQueryValue(Id);  /* Problem: Id is null here */
            var viewModel = new ItemViewModel(
                ...
            );
            BindingContext = viewModel;
        }
    }

在执行 GotoAsync() ItemPage 构造函数时，会执行 ItemPage OnAppearing()，但是，不会填充导航属性。

我错过了什么？

环境是：

Visual Studio 2022，v17.4.3
毛伊岛 v7

【问题讨论】：

标签： maui navigation-properties .net-maui.shell

【解决方案1】：

哇，Maui Navigation 文档似乎没有具体说明什么时候应用查询参数。如果在调用 OnAppearing 时没有应用它们，那不是一个好的内部设计。

您可以在github maui issues 添加问题。

解决方法是从 OnAppearing 中删除代码，将代码放入属性设置器中，以应用属性更改。就像是：

public string Id {
  get => id;
  set {
    if (SetValue(ref id, value))   // Might be a different method, depending on MVVM implementation.
    {
      ... use Id here ...
    }
  }
}
private string id;

看起来像一个 PITA，如果有多个属性被传递，并且所有这些都需要在“使用 Id”代码运行之前设置。在这种情况下，让所有 setter 调用一个方法，该方法在所有属性都具有预期值之前不执行任何操作。

【讨论】：