Flutter求助：setState()/markNeedsBuild在build期间调用报错的解决

这个错误的核心原因是：在Widget的build流程尚未完成时，调用了会触发UI状态更新的操作（比如showDialog），导致框架在构建过程中收到新的状态变更请求，引发冲突。

具体修复步骤及代码调整： #

1. 修改父组件的_showEditDialog方法，用WidgetsBinding.instance.addPostFrameCallback包裹showDialog调用，确保弹窗在当前帧构建完成后再显示：

void _showEditDialog(Exercise exercise) {
  // 等待当前build流程结束后再执行弹窗逻辑
  WidgetsBinding.instance.addPostFrameCallback((_) {
    showDialog(
      context: context,
      builder: (context) => AlertDialog(title: Text(exercise.name)),
    );
  });
}

@override
Widget build(BuildContext context) {
  return ExerciseTable(
    userExercises: todaysExercises,
    editFunction: _showEditDialog, // 直接传递函数引用，无需额外包装
  );
}

2. 规范ExerciseTable的函数参数类型，避免类型不匹配问题：

final List<Exercise> userExercises;
// 明确函数参数类型，确保能正确接收Exercise对象
final void Function(Exercise) editFunction;

ExerciseTable({
  required this.userExercises,
  super.key,
  required this.editFunction,
});

TextStyle headerTextStyle = const TextStyle(
  fontWeight: FontWeight.bold,
  fontSize: 30,
);

@override
Widget build(BuildContext context) {
  return Container(
    margin: const EdgeInsets.all(15),
    child: Column(children: [
      SizedBox(
        height: 500,
        child: ListView.builder(
          itemCount: userExercises.length,
          itemBuilder: (context, index) {
            return ListTile(
              leading: CircleAvatar(
                child: userExercises[index].changeWeight,
              ),
              title: Text(userExercises[index].name),
              subtitle: Text("${userExercises[index].reps} Reps"),
              trailing: Text("${userExercises[index].sets} Sets"),
              onTap: () => editFunction(userExercises[index]),
            );
          },
        ),
      )
    ]),
  );
}

修复说明： #

• addPostFrameCallback会在当前Widget树的构建和绘制全部完成后执行回调逻辑，彻底避免了在build过程中触发状态更新的问题。
• 之前父组件中editFunction: () => _showEditDialog的写法会导致函数无法正确接收Exercise参数，直接传递_showEditDialog才能让ListTile的点击事件正确传递数据。

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