如何使用Builder创建上下文，避免传递context参数？

你之前的写法有误：Builder是Widget组件，而Dialogs.materialDialog是需要用context调用的异步弹窗方法（类似系统的showDialog），不能直接用Builder包裹它。要实现无需传context的弹窗，核心是把弹窗的调用逻辑放到Builder的builder回调里，利用Builder提供的context触发弹窗。

下面给两种可行的实现方式：

方式1：在触发点用Builder包裹 #

如果是通过按钮等组件触发弹窗，直接用Builder包裹触发组件，在回调里使用Builder提供的context：

// 在Widget的build方法中使用
Builder(
  builder: (context) {
    return ElevatedButton(
      onPressed: () {
        // 直接用Builder提供的context调用弹窗
        Dialogs.materialDialog(
          context: context,
          // 弹窗的其他配置参数
        );
      },
      child: const Text('打开弹窗'),
    );
  },
)

方式2：封装成独立Widget #

如果需要复用弹窗触发逻辑，可以把它封装成一个独立Widget，内部通过Builder获取context：

class MyPopup extends StatelessWidget {
  const MyPopup({super.key});

  @override
  Widget build(BuildContext context) {
    return Builder(
      builder: (popupContext) {
        // 这里可以是任意触发组件，比如按钮、图标等
        return TextButton(
          onPressed: () => Dialogs.materialDialog(
            context: popupContext,
            // 弹窗配置
          ),
          child: const Text('弹出对话框'),
        );
      },
    );
  }
}

// 使用时直接在Widget树中添加
// const MyPopup()

本质上，Builder的作用是在Widget树中生成一个新的上下文节点，只有在它的builder回调内部，才能拿到它提供的context。所以必须把调用弹窗的逻辑放在这个回调里，而不是反过来用Builder包裹弹窗方法。

内容的提问来源于stack exchange，提问作者Mr. Tacio