Flutter报错：Build期间调用setState，按钮失效求助

核心问题分析 #

报错的根本原因是RoundButton组件中错误的回调传递方式：

// 错误写法：build时直接执行onPressed()，触发setState()
onPressed: onPressed(),

这种写法会在组件构建阶段立即调用传入的onPressed函数（也就是包含setState的体重增减逻辑），违反了Flutter的构建规则——不允许在build过程中调用setState()或标记组件需要重建。

你尝试用WidgetsBinding.instance.addPostFrameCallback是不必要的，反而会因为错误的回调处理导致按钮失效。至于Row组件的报错，本质是这个核心错误引发的连锁反应，修复核心问题后布局问题会自动解决。

解决方案 #

1. 修复RoundButton的回调传递 #

将onPressed的赋值改为传递函数引用，而不是立即执行：

class RoundButton extends StatelessWidget {
  const RoundButton({Key? key, required this.icon, required this.onPressed})
      : super(key: key);
  final IconData icon;
  // 建议将类型改为VoidCallback，更符合Flutter规范
  final VoidCallback onPressed;

  @override
  Widget build(BuildContext context) {
    return RawMaterialButton(
        // 正确写法：传递函数引用，仅在按钮点击时执行
        onPressed: onPressed,
        child: Icon(icon),
        fillColor: kInactiveReusealeContainerColor,
        constraints: const BoxConstraints(minWidth: 56, minHeight: 56),
        shape: const CircleBorder());
  }
}

如果坚持使用Function类型，也可以用匿名函数包裹：

onPressed: () => onPressed(),

2. 移除不必要的PostFrameCallback #

如果你之前为了规避错误添加了WidgetsBinding.instance.addPostFrameCallback，请直接移除，因为核心问题已经解决，不需要额外的异步处理。

3. 验证Row组件布局 #

你的Row组件本身没有布局错误（已经在Column中，且父级是Expanded的ReusableCard），修复回调错误后，Row的报错会自动消失，不需要额外用Expanded包裹Row本身。

修改后的效果 #

修复后，按钮点击时才会触发setState()更新体重数值，不会再出现build期间调用setState的报错，按钮功能也能正常工作，Row组件的布局问题也会同步解决。

内容的提问来源于stack exchange，提问作者Ahmed Faraz Ali