Flutter中如何在TextFormField验证函数触发时重建组件？

你遇到的setState() or markNeedsBuild() called during build异常，核心是在组件构建/验证的同步流程中触发了状态通知：

• TextFormField的validator回调会在组件构建、用户输入触发自动验证时同步执行
• 你在validator里直接调用setValidity，该方法内的notifyListeners()会立刻通知Consumer组件标记需要重建
• 此时Flutter框架正处于构建阶段，不允许同步触发组件重建请求，因此抛出断言错误

方法1：延迟状态通知到当前构建周期结束 #

利用Flutter的SchedulerBinding，把notifyListeners()推迟到当前构建帧完成后执行，避开构建阶段的限制。

修改ValidityNotifier的setValidity方法：

class ValidityNotifier extends ChangeNotifier {
  bool _isValid = false;

  bool get isValid => _isValid;

  void setValidity(bool isValid) {
    _isValid = isValid;
    // 推迟通知到当前构建帧完成后执行
    SchedulerBinding.instance.addPostFrameCallback((_) {
      notifyListeners();
    });
  }
}

也可以直接在validator回调内做延迟（二选一即可）：

validator: (str) {
  var validity = // 你的自定义验证逻辑
  final notifier = Provider.of<ValidityNotifier>(context, listen: false);
  SchedulerBinding.instance.addPostFrameCallback((_) {
    notifier.setValidity(validity);
  });
  return null;
},

方法2：改用onChanged+防抖控制（避免过度重建） #

如果担心onChanged每次输入都触发，可以结合防抖过滤频繁输入事件，只在用户停止输入后执行验证：

// 定义控制器和防抖定时器
final _controller = TextEditingController();
Timer? _debounceTimer;

@override
void initState() {
  super.initState();
  _controller.addListener(() {
    if (_debounceTimer?.isActive ?? false) _debounceTimer!.cancel();
    // 延迟500ms执行验证，过滤频繁输入
    _debounceTimer = Timer(const Duration(milliseconds: 500), () {
      final validity = // 用_controller.text执行自定义验证逻辑
      Provider.of<ValidityNotifier>(context, listen: false).setValidity(validity);
    });
  });
}

@override
void dispose() {
  _controller.dispose();
  _debounceTimer?.cancel();
  super.dispose();
}

// 构建时TextFormField绑定控制器
TextFormField(
  controller: _controller,
  autovalidateMode: AutovalidateMode.onUserInteraction,
  validator: (str) {
    // 这里可返回验证错误提示，状态更新已在防抖逻辑中完成
    return validity ? null : "输入格式无效";
  },
),

• 直接在validator内调用notifyListeners()违反了Flutter构建生命周期规则：构建过程中不能同步触发其他组件的重建请求
• 给TextEditingController加监听器的思路没问题，通过防抖可以有效减少不必要的重建次数，平衡实时性和性能

内容的提问来源于stack exchange，提问作者Michel Thomas