Flutter多弹窗场景下如何实现关闭子弹窗时同步关闭父弹窗？

嘿，这个场景其实挺常见的，核心思路就是同时持有两个AlertDialog的实例引用，这样在操作子弹窗（popup2）的关闭按钮时，就能主动调用父弹窗（popup1）的关闭方法了。下面我用Android平台的Kotlin和Java代码分别给你演示实现方式：

Kotlin 实现示例 #

首先在你的Activity/Fragment里声明两个可空的AlertDialog变量，用来保存弹窗实例：

private var popup1: AlertDialog? = null
private var popup2: AlertDialog? = null

然后是触发弹窗的按钮点击逻辑，以及两个弹窗的创建流程：

// 假设这是你用来打开popup1的按钮
openPopup1Btn.setOnClickListener {
    // 创建并显示popup1
    popup1 = AlertDialog.Builder(this)
        .setTitle("Popup 1")
        .setMessage("点击下方按钮打开Popup 2")
        .setPositiveButton("打开Popup2") { _, _ ->
            // 在popup1的按钮点击事件里创建popup2
            popup2 = AlertDialog.Builder(this)
                .setTitle("Popup 2")
                .setMessage("点击按钮即可同时关闭两个弹窗")
                .setPositiveButton("关闭全部") { dialog, _ ->
                    // 先关闭当前的popup2
                    dialog.dismiss()
                    // 再关闭popup1
                    popup1?.dismiss()
                    // 清空引用，避免内存泄漏
                    popup2 = null
                    popup1 = null
                }
                .setOnDismissListener {
                    // 如果用户点击弹窗外部关闭popup2，也可以在这里处理popup1的关闭
                    popup1?.dismiss()
                    popup1 = null
                }
                .create()
            popup2?.show()
        }
        .setNegativeButton("取消") { dialog, _ ->
            dialog.dismiss()
            popup1 = null
        }
        .create()
    popup1?.show()
}

Java 实现示例 #

同样先声明弹窗实例变量：

private AlertDialog popup1;
private AlertDialog popup2;

然后是按钮点击与弹窗创建逻辑：

// 打开popup1的按钮点击事件
openPopup1Btn.setOnClickListener(v -> {
    popup1 = new AlertDialog.Builder(this)
            .setTitle("Popup 1")
            .setMessage("点击按钮打开Popup 2")
            .setPositiveButton("打开Popup2", (dialog, which) -> {
                popup2 = new AlertDialog.Builder(this)
                        .setTitle("Popup 2")
                        .setMessage("点击按钮同时关闭两个弹窗")
                        .setPositiveButton("关闭全部", (dialog2, which2) -> {
                            // 关闭popup2
                            dialog2.dismiss();
                            // 检查popup1是否正在显示，再关闭它
                            if (popup1 != null && popup1.isShowing()) {
                                popup1.dismiss();
                            }
                            // 清空引用
                            popup2 = null;
                            popup1 = null;
                        })
                        .setOnDismissListener(dialog2 -> {
                            // 处理外部点击关闭popup2的情况
                            if (popup1 != null && popup1.isShowing()) {
                                popup1.dismiss();
                            }
                            popup1 = null;
                        })
                        .create();
                popup2.show();
            })
            .setNegativeButton("取消", (dialog, which) -> {
                dialog.dismiss();
                popup1 = null;
            })
            .create();
    popup1.show();
});

关键注意事项 #

• 持有实例引用：必须保存两个弹窗的实例，否则在popup2的回调里无法访问到popup1。
• 空指针与状态检查：调用dismiss()前最好用isShowing()检查弹窗是否处于显示状态，避免不必要的异常。
• 内存泄漏防范：弹窗关闭后记得将实例引用置为null，同时在Activity/Fragment的onDestroy()方法里也要检查并关闭所有未关闭的弹窗。

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