Flutter中showDialog的child参数已弃用，如何改用builder参数？

别担心，这个变化其实是为了避开上下文相关的坑，我给你拆解清楚，再举个简单示例就懂了！

为什么弃用child参数？ #

官方说明的核心意思是：原来的child用的是外部的BuildContext，这个上下文并不属于对话框内部环境。比如你要是想在对话框里使用它专属的主题、或者弹出子对话框时，用外部上下文可能会出现找不到对应组件的问题。而builder参数会给你一个专门属于对话框的BuildContext，能确保你在对话框里构建的Widget都能正确关联到它的上下文环境。

替换后的代码示例 #

原来的代码（会收到弃用提示）：

showDialog(context: context, child: new Text("Hello Dialog"));

改成用builder的规范写法：

showDialog(
  context: context,
  builder: (BuildContext dialogContext) {
    // 这里返回对话框内的内容，用AlertDialog包裹是更标准的做法
    return AlertDialog(
      content: const Text("Hello Dialog"),
      // 还可以添加按钮等交互组件，比如确认按钮
      actions: [
        TextButton(
          onPressed: () => Navigator.of(dialogContext).pop(),
          child: const Text("确认"),
        ),
      ],
    );
  },
);

小细节提醒 #

• 注意builder里的dialogContext，如果你需要在对话框内部做导航（比如关闭对话框或者打开新页面），尽量用这个上下文而非外部的context，能避免上下文层级混乱的问题。
• 虽然之前直接放Text也能运行，但实际开发中推荐用AlertDialog包裹内容，这是Flutter提供的标准对话框组件，自带样式和布局逻辑，更符合Material Design规范。

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