Android端MAUI SpinnerPopup无法正常显示问题求助

问题核心原因 #

Android主线程被同步耗时任务阻塞，导致弹窗的UI渲染请求被延迟到任务结束后才执行，所以出现"任务结束才显示弹窗又立刻关闭"的现象；iOS的UI调度机制与Android不同，因此无此问题。

一、修复基础场景的弹窗延迟问题 #

1. 将耗时任务移至后台线程 #

如果UpdateCarsProperties和GetDisplayData是同步方法，用Task.Run将其包装到后台线程，避免阻塞UI线程：

else if (DeviceInfo.Platform == DevicePlatform.Android)
{
    popup = new SpinnerPopup();
    this.ShowPopup(popup);

    // 把耗时任务放到后台线程执行，不占用UI渲染资源
    await Task.Run(async () =>
    {
        await UpdateCarsProperties(id, radio, toggled);         
        await ucvm.GetDisplayData("UpdateCars", cv, popup);
    });

    await popup.CloseAsync();
    // MAUI Popup无Reset()方法，该行可移除
    // popup.Reset();

    Preferences.Set("Updated", true);
}

2. 移除Task.Delay(50)这类临时hack #

添加延迟只是给UI线程强行让出时间渲染，解决主线程阻塞的根本问题后，无需依赖该操作。

二、修复RadioChange事件两次触发的弹窗关闭问题 #

1. 用类级变量存储Popup实例 #

确保两次事件触发时操作的是同一个弹窗对象，避免重新创建导致无法引用：

// 在页面类中声明成员变量
private SpinnerPopup _loadingPopup;

2. 修改事件处理逻辑 #

确保耗时任务异步执行，且关闭弹窗时引用正确的实例：

// 事件处理方法需标记为async
private async void RadioButton_CheckedChanged(object sender, CheckedChangedEventArgs e)
{
    if (count == 1)
    {
        _loadingPopup = new SpinnerPopup();
        this.ShowPopup(_loadingPopup);
    }

    // 同步耗时任务包装到后台线程
    await Task.Run(() =>
    {
        UpdateCarsProperties(id, radio, toggled);                        
        ucvm.GetDisplayData("UpdateCars", cv);
    });

    if (count == 2 && _loadingPopup != null)
    {                            
        await _loadingPopup.CloseAsync();
        _loadingPopup = null; // 释放引用，避免内存泄漏
    }
}

关键原理 #

• Android所有UI操作必须在主线程执行，但主线程被阻塞时，所有UI更新请求（包括弹窗渲染）会被排队延迟。
• 用Task.Run将耗时任务转移到后台线程，让主线程能及时处理弹窗的渲染和关闭指令。
• MAUI的ShowPopup和CloseAsync本身是UI线程安全的，只要主线程不被阻塞，就能正常响应。

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