Flutter：如何通过StatefulBuilder中AlertDialog的OK按钮设置全局变量？

你的问题核心在于：StatefulBuilder内部的setState只能更新弹窗自身的状态，无法触发页面主体的UI刷新。哪怕你把组件改成了StatefulWidget，页面的State并没有感知到全局变量的变化，自然不会更新UI。下面是针对小型应用的轻量解决方案：

修正思路 #

1. 移除不必要的StatefulBuilder：你的弹窗内容是固定文本，不需要动态更新弹窗内部状态，所以这个StatefulBuilder完全多余。
2. 调用页面自身的setState：点击OK按钮时，先修改变量，再触发页面State的刷新，让页面感知到变量变化并更新UI。

修正后的完整代码示例 #

class MyPage extends StatefulWidget {
  const MyPage({super.key});

  @override
  State<MyPage> createState() => _MyPageState();
}

class _MyPageState extends State<MyPage> {
  // 把变量放在页面State中（比全局变量更适合单页面场景，全局变量也可以用同样逻辑）
  String stringMain = "My String";

  Future<String?> dialogChangeMainContent(BuildContext context) {
    return showDialog<String>(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: const Text('AlertDialog Title'),
          content: const Text('AlertDialog description'),
          actions: <Widget>[
            TextButton(
              onPressed: () {
                Navigator.pop(context, 'OK');
                // 调用页面State的setState，触发页面UI刷新
                setState(() {
                  stringMain = "New String";
                });
              },
              child: const Text('OK'),
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(stringMain),
            ElevatedButton(
              onPressed: () => dialogChangeMainContent(context),
              child: const Text('打开弹窗'),
            ),
          ],
        ),
      ),
    );
  }
}

额外说明 #

如果你的stringMain确实需要是全局共享变量（跨页面使用），也不需要用BLoC这类复杂框架：

1. 保持全局变量定义，在修改变量后，调用当前页面的setState()即可刷新当前页面UI；
2. 若需要跨页面同步，推荐用最简版的Provider（仅用ChangeNotifier和Consumer），代码量极少，比全局变量管理更规范。

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