Flutter中关闭showDialog后如何更新父Widget？

这个场景我太熟了，你现在的问题是对话框里修改了数据，但关闭后父Widget没同步更新——因为你在调用对话框后立刻执行的setState()根本等不到对话框里的修改完成。咱们可以通过showDialog的异步特性来搞定，给你两种简单实用的方案：

方案一：利用showDialog的Future回调直接刷新 #

showDialog本身会返回一个Future，当对话框关闭时这个Future会完成，咱们可以在它完成后再调用父Widget的setState()。

修改父Widget的onPressed方法 #

把原来的同步调用改成异步等待，或者用then回调：

IconButton(
  icon: Icon(
    Icons.info_outline,
    size: mobileWidth * 0.07,
  ),
  tooltip: 'information',
  color: Colors.blueGrey,
  onPressed: () {
    // 用then回调处理对话框关闭后的逻辑
    showAlertInfo(context, code).then((_) {
      setState(() {}); // 对话框关闭后刷新父Widget
    });
    
    // 或者用async/await写法，更直观
    // (() async {
    //   await showAlertInfo(context, code);
    //   setState(() {});
    // })();
  },
),

修改showAlertInfo函数的返回值 #

让它返回showDialog的Future（原来的函数是void，现在改成返回Future）：

Future<void> showAlertInfo(BuildContext context, String code) {
  return showDialog(
    context: context,
    builder: (context) {
      return StatefulBuilder(
        builder: (context, setState) {
          return AlertDialog(
            title: Text("Information sur le client $code"),
            content: SingleChildScrollView(
              child: Container(
                // 你的对话框内容，修改数据的逻辑保留
              )
            ),
            actions: [
              FlatButton(
                child: Text(
                  "Fermer",
                  style: TextStyle(
                    color: Colors.red,
                    fontSize: mobileWidth * 0.035,
                    fontWeight: FontWeight.bold,
                  ),
                ),
                onPressed: () {
                  Navigator.of(context).pop(); // 关闭对话框，触发Future完成
                },
              ),
            ],
          );
        }
      );
    }
  );
}

方案二：传递修改状态，按需刷新 #

如果对话框里不一定每次都有数据修改，咱们可以在关闭对话框时返回一个标记，父Widget只在有修改时才刷新，这样更高效：

修改对话框的关闭按钮逻辑 #

在Navigator.pop时传递一个布尔值，表示是否有数据修改：

FlatButton(
  child: Text("Fermer"),
  onPressed: () {
    // 假设你有一个变量hasModified表示是否修改了数据
    bool hasModified = true; // 根据你的实际业务逻辑判断
    Navigator.of(context).pop(hasModified); // 返回修改状态
  },
),

父Widget根据返回值决定是否刷新 #

onPressed: () {
  showAlertInfo(context, code).then((hasModified) {
    // 只有当确实修改了数据时才刷新
    if (hasModified == true) {
      setState(() {});
    }
  });
},

这样一来，对话框关闭后父Widget就能准确获取到最新的数据并刷新UI了。

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