Flutter技术问题：跳转至新页面后如何关闭对话框？

这个问题我之前也遇到过，核心原因是showDialog会在导航栈中添加一个独立的路由，如果你直接跳转到编辑页面而不关闭对话框，这个对话框路由会一直留在栈里，当你从编辑页返回时自然会回到对话框。下面是几种可行的解决方式：

方法一：跳转前手动关闭对话框 #

在触发跳转编辑页的操作里，先调用Navigator.pop(context)关闭对话框，再执行页面跳转。比如在对话框的"编辑"按钮点击事件中：

Future _showAlert(data) async {
  return showDialog<Null>(
    context: context,
    barrierDismissible: true,
    builder: (BuildContext context) {
      return AlertDialog(
        title: const Text('操作任务'),
        actions: <Widget>[
          TextButton(
            child: const Text('编辑'),
            onPressed: () {
              // 第一步：关闭当前对话框
              Navigator.pop(context);
              // 第二步：跳转到编辑页面
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => EditTaskPage(taskData: data),
                ),
              );
            },
          ),
          TextButton(
            child: const Text('取消'),
            onPressed: () => Navigator.pop(context),
          ),
        ],
      );
    },
  );
}

方法二：利用showDialog的Future回调 #

因为showDialog返回的是一个Future，当对话框被关闭时这个Future会完成，你可以在它的then回调里执行跳转操作，这样能确保对话框已经关闭后再跳转：

// 调用对话框的地方
_showAlert(taskData).then((_) {
  // 对话框关闭后才会执行这里的跳转
  Navigator.push(
    context,
    MaterialPageRoute(builder: (context) => EditTaskPage(taskData: taskData)),
  );
});

这种方式适合你需要在对话框关闭后统一处理跳转的场景，比如用户确认操作后再跳转。

注意事项 #

• 如果你的对话框是使用rootNavigator: true打开的，关闭时需要用Navigator.of(context, rootNavigator: true).pop()来确保关闭的是对话框路由。
• 不要直接在对话框未关闭时跳转，这样会导致导航栈中堆积多余的路由，不仅会出现你遇到的问题，还可能影响页面返回逻辑的一致性。

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