Xamarin.Forms MVVM场景下按钮点击时列表为空问题求助

嘿，我来帮你揪出问题的根源！你遇到的mylist为空的情况，核心原因是实例不匹配：

你在第一个子视图的ViewModel里执行new HomeTab2(fypSendList)时，创建的是一个全新的HomeTab2对象，但这个对象根本不是你TabbedPage上显示的那个子页面！你的TabbedPage里的HomeTab2是通过无参构造函数初始化的（不管是在XAML里声明的还是代码里预先添加到TabbedPage的Children中的），所以界面上的那个HomeTab2的mylist一直是默认的空列表，而你赋值的是一个完全没用在界面上的实例——这就解释了为什么构造函数里能看到数据，但点击按钮时mylist是空的。

下面给你几个实用的解决方案，按MVVM规范程度排序：

方案一：使用MessagingCenter（轻量解耦，适合简单场景） #

这是Xamarin自带的消息传递机制，能让ViewModel和Page之间不用直接引用就能传递数据：

1. 修改第一个ViewModel的getFypDataAsync方法，去掉new页面的代码，改为发送消息：

public async Task getFypDataAsync(string accessToken) {
    fypFullList = await _apiServices.GetFypData(accessToken);
    fypFullList.Sort((x, y) => x.rank.CompareTo(y.rank));
    fypSendList.AddRange(new List<FypRankData>(fypFullList.GetRange(0, 320)));
    // 发送数据消息，替换YourFirstViewModel为你实际的ViewModel类名
    MessagingCenter.Send(this, "SendFypData", fypSendList);
}

2. 在HomeTab2的无参构造函数里订阅消息，接收数据：

public HomeTab2() {
    InitializeComponent();
    BindingContext = new HomeTabVM2();
    var vm = BindingContext as HomeTabVM2;
    vm.setFypData();
    
    // 订阅消息，接收数据并赋值给mylist
    MessagingCenter.Subscribe<YourFirstViewModel, List<FypRankData>>(this, "SendFypData", (sender, receivedData) =>
    {
        mylist = receivedData;
        Debug.WriteLine(mylist.Count.ToString(), " list_yyycount ");
    });
}

3. 记得在页面销毁时取消订阅，避免内存泄漏：

protected override void OnDisappearing()
{
    base.OnDisappearing();
    // 取消订阅对应消息
    MessagingCenter.Unsubscribe<YourFirstViewModel, List<FypRankData>>(this, "SendFypData");
}

方案二：使用共享数据服务（更符合MVVM规范） #

创建一个单例的共享数据容器，让不同页面/ViewModel都能访问同一份数据：

1. 创建一个单例数据服务类：

public class FypDataService
{
    // 单例实例
    private static FypDataService _instance;
    public static FypDataService Instance => _instance ??= new FypDataService();

    // 存储共享的Fyp数据
    public List<FypRankData> SharedFypList { get; set; }
}

2. 在第一个ViewModel里把数据存入共享服务：

public async Task getFypDataAsync(string accessToken) {
    fypFullList = await _apiServices.GetFypData(accessToken);
    fypFullList.Sort((x, y) => x.rank.CompareTo(y.rank));
    fypSendList.AddRange(new List<FypRankData>(fypFullList.GetRange(0, 320)));
    // 存入共享服务
    FypDataService.Instance.SharedFypList = fypSendList;
}

3. 在HomeTab2的按钮点击事件里直接从共享服务取数据：

private async void Btn1_Clicked(object sender, EventArgs e) {
    if (_istapped) return;
    _istapped = true;
    // 从共享服务获取数据
    var targetList = FypDataService.Instance.SharedFypList;
    await Navigation.PushAsync(new ChartPage(targetList));
    _istapped = false;
}

方案三：直接获取TabbedPage中的目标页面实例（不推荐，耦合性高） #

如果你的场景比较简单，也可以直接找到TabbedPage上的HomeTab2实例并赋值，但这种方式会让ViewModel和页面耦合，不符合MVVM的设计思想：

public async Task getFypDataAsync(string accessToken) {
    fypFullList = await _apiServices.GetFypData(accessToken);
    fypFullList.Sort((x, y) => x.rank.CompareTo(y.rank));
    fypSendList.AddRange(new List<FypRankData>(fypFullList.GetRange(0, 320)));
    
    // 获取TabbedPage中的HomeTab2实例（假设是第二个子页面，索引为1）
    if (App.Current.MainPage is TabbedPage mainTabbedPage)
    {
        if (mainTabbedPage.Children[1] is HomeTab2 targetPage)
        {
            targetPage.mylist = fypSendList;
            Debug.WriteLine(fypSendList.Count.ToString(), " list_yyycount ");
        }
    }
}

小提醒 #

尽量优先选择方案一或方案二，它们更符合MVVM的解耦原则，也更容易维护。如果用方案三，要确保TabbedPage的子页面已经完成初始化，不然会找不到实例哦～

内容的提问来源于stack exchange，提问作者D.madushanka