如何在Xamarin Forms中刷新TabbedPage的子ContentPage内容

解决方法 #

方案1：监听TabbedPage切换事件触发刷新 #

你遇到的问题核心是LoadData方法仅在ViewModel构造时执行一次，切换Tab时不会重新从数据库拉取最新数据，只需要在切换到列表页时主动调用一次LoadData即可：

1. 在你的TabbedPage后台代码中注册CurrentPageChanged事件

// 替换为你自己的TabbedPage类名
public YourTabbedPage()
{
    InitializeComponent();
    CurrentPageChanged += OnTabSwitched;
}

private void OnTabSwitched(object sender, EventArgs e)
{
    // 校验当前选中的页是否为收藏商品列表页
    if (CurrentPage is FavoriteProductPage listPage 
        && listPage.BindingContext is FavoriteProductViewModel vm)
    {
        vm.LoadData();
    }
}

2. 优化LoadData逻辑（可选）
   你目前的写法每次都会重新实例化FavoriteProducts，可以改为清空现有集合添加新数据，减少UI重绘开销：

// 建议将async void改为async Task，避免异步异常无法捕获
public async Task LoadData()
{
    var productList = await HomeService.Instance.GetAllProduct();
    FavoriteList = new ObservableCollection<FavoriteProduct>(await ProductService.Instance.GetFavoriteProductByCustomerID(Const.CurrentCustomerID));

    // 替换原有的new ObservableCollection逻辑，复用现有集合
    FavoriteProducts.Clear();
    if (productList?.Count > 0 && FavoriteList?.Count > 0)
    {
        foreach (var f in FavoriteList)
        {
            var matchProduct = productList.FirstOrDefault(p => p.ID == f.ProductID);
            if(matchProduct != null)
            {
                FavoriteProducts.Add(new FavoriteProductItem
                {
                    ID = matchProduct.ID,
                    DisplayName = matchProduct.DisplayName,
                    Price = matchProduct.Price,
                    DiscountPercent = matchProduct.DiscountPercent,
                    DiscountPrice = matchProduct.DiscountPrice,
                    Image1 = matchProduct.Image1,
                    Rating = matchProduct.Rating,
                    CommentCount = matchProduct.CommentCount,
                    IsSelected = false
                });
            }
        }
    }           
}

方案2：消息通知主动刷新（体验更优） #

如果不需要等到切页才刷新，可以在新增商品成功后通过消息通知机制主动触发列表刷新：

• Xamarin.Forms可使用MessagingCenter
• MAUI可使用WeakReferenceMessenger
  以MAUI为例：

1. 新增商品成功后发送通知

// 新增商品写入数据库成功后调用
WeakReferenceMessenger.Default.Send<object>("FavoritesUpdated");

2. ViewModel构造中订阅通知

public FavoriteProductViewModel()
{
    LoadData();
    WeakReferenceMessenger.Default.Register<object>(this, "FavoritesUpdated", async (_,__) => 
    {
        await LoadData();
    });
}

记得页面销毁时取消消息订阅，避免内存泄漏。

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