.NET Maui App同一页面多次弹出相同DisplayAlert问题

你遇到的弹窗重复堆叠问题，核心原因是每次导航进入目标页面时，都会创建新的ViewModel实例，而旧的ViewModel实例没有被正确清理，仍然绑定着触发弹窗的事件。当事件触发时，所有存活的ViewModel实例都会调用AlertMessage方法，导致弹窗次数和导航次数完全一致。

方案1：清理事件订阅（最直接的修复方式） #

如果你的ViewModel是通过订阅事件（全局事件、页面事件或其他通知）来触发弹窗的，必须在页面离开时取消订阅，避免旧实例继续响应事件：

1. 让ViewModel实现IDisposable接口，在Dispose方法中取消事件订阅
2. 在页面的OnDisappearing方法中调用ViewModel的Dispose方法

示例代码：

// ViewModel实现IDisposable接口
public class YourPageViewModel : IDisposable
{
    public Alerts Alert = new Alerts();

    public YourPageViewModel()
    {
        // 示例：订阅某个触发弹窗的事件
        GlobalEventBus.Triggered += OnEventTriggered;
    }

    private async void OnEventTriggered(object sender, EventArgs e)
    {
        await Alert.AlertMessage();
    }

    // 取消订阅，释放资源
    public void Dispose()
    {
        GlobalEventBus.Triggered -= OnEventTriggered;
    }
}

// 对应页面的代码
protected override void OnDisappearing()
{
    base.OnDisappearing();
    // 页面离开时清理ViewModel的订阅
    if (BindingContext is IDisposable viewModel)
    {
        viewModel.Dispose();
    }
}

方案2：优化Alerts辅助类为单例（可选优化） #

虽然Alerts类本身不是问题根源，但将其改为单例可以避免不必要的实例创建，同时确保全局弹窗逻辑统一：

public class Alerts
{
    // 懒加载单例实例
    private static readonly Lazy<Alerts> _instance = new Lazy<Alerts>(() => new Alerts());
    public static Alerts Instance => _instance.Value;

    // 私有构造函数，禁止外部实例化
    private Alerts() {}

    // 修正方法参数，避免硬编码消息
    public async Task AlertMessage(string message)
    {
        await App.Current.MainPage.DisplayAlert("提示", message, "确定");
    }
}

// ViewModel中调用方式
await Alerts.Instance.AlertMessage("你的提示内容");

方案3：管控ViewModel生命周期（避免重复实例化） #

检查页面导航时的ViewModel创建逻辑，避免每次导航都新建实例：

• 如果页面支持复用，可提前创建ViewModel并复用，而非每次导航都new
• 若必须新建实例，确保返回页面时旧实例能被GC回收（避免强引用持有）

内容的提问来源于stack exchange，提问作者taqasar-elcam