Xamarin Forms MasterDetailPage切换页面时Picker重置并抛空异常求助

先从你的代码里发现一个关键绑定错误：你的Picker的SelectedItem绑定到了AppointmentDurationIndex（int?类型），但ItemsSource是ObservableRangeCollection<int?>——这里混淆了SelectedItem和SelectedIndex的用途：

• SelectedItem应该绑定到集合中的具体项（也就是和集合元素同类型的属性，这里是int?）
• SelectedIndex才是绑定到代表选中位置的整数索引

这个绑定错误很可能是导致空引用和选中项重置的核心原因之一，先修正这个：

<!-- 修正绑定：SelectedIndex对应索引，SelectedItem对应集合中的项 -->
<Picker x:Name="appointmentDuration" 
        HorizontalOptions="FillAndExpand" 
        Title="Please select appointment length" 
        ItemsSource="{Binding AppointmentDurations}" 
        SelectedIndex="{Binding AppointmentDurationIndex, Mode=TwoWay}">
</Picker>

接下来，针对页面导航间保留数据的需求，分享几个最佳实践方案：

1. 统一管理ViewModel的生命周期（推荐） #

不要每次导航都新建ViewModel实例，而是通过依赖注入（DI）容器或者单例模式让ViewModel在应用生命周期内保持存活，这样数据状态会被持久化：

• 如果使用DI（比如Prism、Autofac或者Xamarin.Forms自带的DI），注册ViewModel时使用Singleton生命周期：

  // 在DI容器注册时示例
  services.AddSingleton<YourPageViewModel>();
  

• 如果你不想用DI，也可以手动实现单例（注意线程安全）：

  public class YourPageViewModel : INotifyPropertyChanged
  {
      private static YourPageViewModel _instance;
      public static YourPageViewModel Instance => _instance ??= new YourPageViewModel();
      
      // 其他属性和方法...
  }
  

  然后页面绑定的时候直接用BindingContext = YourPageViewModel.Instance;

2. 优化OnAppearing的数据加载逻辑 #

你当前每次页面出现都调用LoadAppointmentDurationsData，这会重新刷新AppointmentDurations集合，导致Picker的选中状态丢失。可以加个判断，只在首次加载时获取数据：

private int? _savedSelectedIndex;

protected async override void OnAppearing()
{
    base.OnAppearing();
    // 只有当集合为空时才加载数据，避免重复刷新
    if (viewModel.AppointmentDurations == null || !viewModel.AppointmentDurations.Any())
    {
        await viewModel.LoadAppointmentDurationsData(viewModel.Contact.Code);
        // 加载完成后恢复之前的选中索引
        viewModel.AppointmentDurationIndex = _savedSelectedIndex;
    }
}

// 页面消失时保存当前选中状态
protected override void OnDisappearing()
{
    base.OnDisappearing();
    _savedSelectedIndex = viewModel.AppointmentDurationIndex;
}

3. 使用页面导航参数传递状态 #

如果ViewModel必须每次新建，可以在导航离开时把当前选中状态通过导航参数传递，下次进入页面时再恢复：

• 页面消失时保存参数：

  protected override void OnDisappearing()
  {
      base.OnDisappearing();
      // 导航到新页面时传入当前ViewModel
      var nextPage = new TargetPage(viewModel);
      ((MasterDetailPage)Application.Current.MainPage).Detail.Navigation.PushAsync(nextPage);
  }
  

• 页面构造时接收参数并恢复：

  public TargetPage(YourPageViewModel existingViewModel = null)
  {
      InitializeComponent();
      BindingContext = existingViewModel ?? new YourPageViewModel();
  }
  

4. 利用App类存储全局状态 #

如果是跨页面共享的少量数据，可以直接在App.xaml.cs中定义静态属性存储：

public partial class App : Application
{
    public static int? SavedAppointmentDurationIndex { get; set; }
    // 其他全局状态...
}

然后在ViewModel中读取和保存：

public int? AppointmentDurationIndex 
{ 
    get { return _appointmentdurationIndex ?? App.SavedAppointmentDurationIndex; } 
    set 
    { 
        if (_appointmentdurationIndex != value) 
        { 
            _appointmentdurationIndex = value;
            App.SavedAppointmentDurationIndex = value; // 保存到全局
            // 你的其他逻辑...
            OnPropertyChanged(nameof(AppointmentDurationIndex));
        } 
    } 
}

最后再提醒一下：一定要先修正Picker的绑定错误，这是解决空引用的关键，再结合上面的生命周期管理方案，就能彻底解决页面切换时的数据丢失问题。

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