Flutter点击第二个Dialog按钮后无法实时更新第一个AlertDialog高度

你的问题出在嵌套的StatefulBuilder各自持有独立的setState作用域：第二个弹窗里的setState只能更新自身状态，无法触发第一个弹窗的重建。虽然你修改了父组件的heightSize变量，但第一个弹窗已渲染完成，没收到更新通知。

解决步骤： #

• 打开第一个弹窗时，保存它的StatefulBuilder提供的setState方法
• 点击第二个弹窗按钮时，先修改heightSize，再调用保存的第一个弹窗的setState触发重建
• 弹窗关闭时清理保存的方法，避免内存泄漏

修改后的完整代码： #

class MyWidget extends StatefulWidget {
  const MyWidget({super.key});
  @override
  State<MyWidget> createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  double heightSize = 200;
  // 保存第一个Dialog的setState方法
  void Function(VoidCallback)? _firstDialogSetState;

  @override
  void dispose() {
    // 清理引用，避免内存泄漏
    _firstDialogSetState = null;
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Container(
      child: FloatingActionButton(
        onPressed: () {
          showDialog(
            context: context,
            builder: (context) {
              return StatefulBuilder(
                builder: (context, setState) {
                  // 保存第一个Dialog的setState
                  _firstDialogSetState = setState;
                  return AlertDialog(
                    title: Container(
                      padding: const EdgeInsets.only(left: 10, right: 10, top: 5, bottom: 4),
                      child: const Row(
                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
                        children: [
                          Text(
                            'Download File',
                            style: TextStyle(color: Color.fromARGB(255, 83, 82, 82), fontSize: 20),
                          ),
                        ],
                      ),
                    ),
                    content: Container(
                      height: heightSize,
                      child: Column(
                        children: [
                          IconButton(
                            onPressed: () {
                              showDialog(
                                context: context,
                                builder: (context) {
                                  return AlertDialog(
                                    content: GestureDetector(
                                      child: const Text('increase the height '),
                                      onTap: () {
                                        // 先更新高度变量
                                        heightSize = 500;
                                        print('the size2 is $heightSize');
                                        // 调用第一个Dialog的setState刷新它
                                        _firstDialogSetState?.call(() {});
                                        // 关闭第二个弹窗
                                        Navigator.pop(context);
                                      },
                                    ),
                                  );
                                },
                              );
                            },
                            icon: const Icon(FontAwesomeIcons.paste),
                          )
                        ],
                      ),
                    ),
                  );
                },
              );
            },
          ).then((_) {
            // 第一个弹窗关闭后，清理引用
            _firstDialogSetState = null;
          });
        },
      ),
    );
  }
}

关键说明： #

1. 用_firstDialogSetState变量保存第一个StatefulBuilder的setState方法，让第二个弹窗能直接调用它触发第一个弹窗重建
2. 在第一个弹窗关闭的then回调里清理引用，防止内存泄漏
3. 第二个弹窗按钮点击时，先修改heightSize，再调用_firstDialogSetState?.call(() {})，即可实时更新第一个弹窗的高度

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