Xamarin iOS MVVM应用中MicroChart绑定异常及API数据加载崩溃求助

我来帮你搞定这个问题！核心原因就是你说的——视图在API数据返回前就完成了绑定，导致绑定的数据源为null，触发了Value cannot be null异常。硬编码数据没问题是因为数据在ViewModel初始化时就已经存在，而异步API请求需要时间，视图加载完成时数据还没准备好。下面是具体的解决方案：

1. 初始化ViewModel的数据源为空集合而非null #

这是最基础的防护措施，确保视图绑定的时候永远有一个合法的集合对象，不会出现null。在你的UserCoinViewModel构造函数里初始化数据源：

using System.Collections.ObjectModel;

public class UserCoinViewModel : MvxViewModel
{
    // 替换成你的实际数据类型
    public ObservableCollection<YourCoinDataType> CoinData { get; set; }

    public UserCoinViewModel()
    {
        // 初始化空集合，避免null
        CoinData = new ObservableCollection<YourCoinDataType>();
    }
}

2. 异步加载数据，确保视图就绪后再请求API #

不要在ViewDidLoad里直接触发API请求，而是把数据加载逻辑放到ViewModel的异步命令里，在ViewAppeared时执行——因为ViewAppeared触发时，视图已经完全渲染完成，此时再加载数据不会导致绑定空值：

在ViewModel里定义异步加载命令 #

using MvvmCross.Commands;
using MvvmCross.ViewModels;

public class UserCoinViewModel : MvxViewModel
{
    private readonly IYourApiService _apiService;
    public ObservableCollection<YourCoinDataType> CoinData { get; set; }
    public IMvxAsyncCommand LoadCoinDataCommand { get; }

    public UserCoinViewModel(IYourApiService apiService)
    {
        _apiService = apiService;
        CoinData = new ObservableCollection<YourCoinDataType>();
        LoadCoinDataCommand = new MvxAsyncCommand(LoadCoinDataAsync);
    }

    private async Task LoadCoinDataAsync()
    {
        // 可选：添加加载状态提示
        IsLoading = true;

        try
        {
            var apiData = await _apiService.GetCoinDataAsync();
            CoinData.Clear();
            foreach (var item in apiData)
            {
                CoinData.Add(item);
            }
        }
        catch (Exception ex)
        {
            // 处理API请求异常，比如提示用户
            Mvx.IoCProvider.Resolve<IMvxToastPresenter>().ShowToast("加载数据失败");
        }
        finally
        {
            IsLoading = false;
            // 如果用了MvxUIRefreshControl，这里需要结束刷新状态
            IsRefreshing = false;
        }
    }

    // 可选：添加加载状态属性，绑定到UI显示加载中
    private bool _isLoading;
    public bool IsLoading
    {
        get => _isLoading;
        set => SetProperty(ref _isLoading, value);
    }

    // 用于MvxUIRefreshControl的刷新状态绑定
    private bool _isRefreshing;
    public bool IsRefreshing
    {
        get => _isRefreshing;
        set => SetProperty(ref _isRefreshing, value);
    }
}

在View的ViewAppeared里触发命令 #

public override void ViewAppeared()
{
    base.ViewAppeared();
    // 只有当数据为空时才加载，避免重复请求
    if (ViewModel.CoinData.Count == 0)
    {
        ViewModel.LoadCoinDataCommand.Execute();
    }
}

3. 绑定MvxUIRefreshControl时添加空值保护和状态绑定 #

完善你的下拉刷新控件绑定，确保刷新命令和状态都正确绑定，同时给图表的数据源绑定添加空值过滤：

public override void ViewDidLoad()
{
    base.ViewDidLoad();

    var set = new MvxFluentBindingDescriptionSet<UserCoinsTableView, UserCoinViewModel>(this);

    // 绑定图表数据源，添加WhenSourceNotNull确保非空时才绑定
    set.Bind(yourChartControl)
       .For(v => v.DataSource)
       .To(vm => vm.CoinData)
       .WhenSourceNotNull();

    // 配置MvxUIRefreshControl，绑定刷新命令和状态
    var refreshControl = new MvxUIRefreshControl();
    set.Bind(refreshControl)
       .For(c => c.RefreshCommand)
       .To(vm => vm.LoadCoinDataCommand);
    // 绑定刷新状态，让控件自动结束刷新
    set.Bind(refreshControl)
       .For(c => c.Refreshing)
       .To(vm => vm.IsRefreshing);

    TableView.AddSubview(refreshControl);
    // 确保TableView识别刷新控件
    TableView.RefreshControl = refreshControl;

    set.Apply();
}

为什么硬编码数据没问题？ #

因为硬编码的数据是在ViewModel构造时直接赋值的，当ViewDidLoad执行绑定的时候，数据源已经是一个有数据的集合，不会出现null；而API请求是异步操作，需要等待网络响应，视图加载完成时数据还没返回，此时数据源如果没初始化就会是null，触发空值异常。

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