Flutter中TextFormField校验失效问题求助

核心原因 #

• 校验逻辑与控制器数据脱节：第一个TextFormField的校验依赖meetingRoom?.isEmpty，但该变量未与meetingRoomController的文本内容同步，即便控制器被赋值，校验仍读取旧的meetingRoom值。
• 控制器实例被重建而非更新：Bloc的applyFilterRegisterMeeting方法每次都新建TextEditingController实例，而非修改原有控制器的text属性。TextFormField绑定的是初始控制器实例，新实例无法自动关联UI，导致UI不更新、校验不触发。
• Form未主动触发重新校验：选择会议室后未通知Form执行校验，仅当第二个输入框触发输入事件时，Form才会整体校验，此时才会重新检查第一个输入框的状态。

解决方案 #

1. 同步校验逻辑与控制器数据
   修改第一个TextFormField的校验逻辑，直接读取控制器文本：

   validate: (value) {
     if (context.read<EOfficeBloc>().meetingRoomController?.text.isEmpty ?? true) {
       return '请选择会议室';
     }
     return null;
   },
   

2. 更新现有控制器文本，避免重建实例
   修改Bloc中的applyFilterRegisterMeeting方法：

   void applyFilterRegisterMeeting({
     required RegisterInformationMeetingFilterOption filterOption,
   }) {
     _registerMeetingOption = filterOption.copyWith();
     if (filterOption.meetingRoomList.isNotEmpty) {
       // 初始化控制器（若未创建），直接更新文本
       meetingRoomController ??= TextEditingController();
       meetingRoomController!.text = filterOption.meetingRoomList.first.name;
     }
     if (filterOption.peopleNumber != null) {
       peopleNumberController ??= TextEditingController();
       peopleNumberController!.text = filterOption.peopleNumber.toString();
     }
   }
   

3. 选择会议室后主动触发Form校验
   先给Form绑定GlobalKey：

   final _formKey = GlobalKey<FormState>();
   
   Form(
     key: _formKey,
     child: Column(
       children: [
         // 两个TextFormField组件
       ],
     ),
   );
   

   再在底部弹窗选择完成后触发校验：

   onTap: () async {
     await showBottomsheet(
       context,
       filterOptions: context.read<EOfficeBloc>().registerMeetingOption,
     );
     context.read<EOfficeBloc>().applyFilterRegisterMeeting(filterOption: filterOption);
     // 强制触发Form重新校验
     _formKey.currentState?.validate();
   },
   

4. 通过Bloc状态触发UI重建（可选）
   将控制器或相关数据纳入Bloc状态，更新时emit新状态，UI通过BlocBuilder监听状态变化，确保TextFormField获取最新的控制器实例。

内容的提问来源于stack exchange，提问作者Huy Nguyen