Flutter中设置/清空TextFormField控制器后无法输入的问题及解决

我使用了以下TextFormField代码：

TextFormField(
    controller: nameController,
    style: TxtStyles.input,
    decoration: InputDecoration(
        border: const OutlineInputBorder(borderSide: BorderSide(width: 6)),
        contentPadding: EdgeInsets.all(10),
        hintText: 'Your name (example: Mitsuha)',
        hintStyle: TxtStyles.hint,
        labelText: 'Name',
        errorText: state.status == Status.error ? 'Error' : null),
    onChanged: (value) => { validate(context) },
)

其中TxtStyles是自定义的TextStyle。现在遇到的问题是：无论在哪里执行以下操作后，输入框都无法再编辑内容——点击输入框能获取焦点（显示蓝色边框），但按键输入没有任何反应：

• 设置控制器值：nameController.text = 'Gudetama';（内容会显示，但无法编辑）
• 清空控制器：nameController.text = ''; 或 nameController.clear();

已解决方案 #

问题根源出在onChanged回调里的validate(context)方法。原来的方法内部调用了BLoC事件：

void validate(BuildContext ctx) {
    setState(() {
      ctx.read<NewNameBloc>().add(Validate(nameController.text, ageController.text));
    });
}

对应的BLoC处理逻辑：

if (event is Validate) {
      emit(state.copyWith(isEnable: (event.name.isNotEmpty && event.age.isNotEmpty)));
}

我移除了BLoC调用，改成直接在Widget状态中处理校验逻辑：

void validate() {
  setState(() {
    isBtnEnabled = nameController.text.isNotEmpty && ageController.text.isNotEmpty;
    //isBtnEnabled是当前widget状态中的变量
  });
}

修改后，无论执行clear()还是设置控制器文本，输入框都能正常编辑了。

可能的原因分析 #

推测是BLoC emit新状态时触发了Widget的重建，打断了TextFormField与控制器之间的状态同步：

• 通过控制器修改文本时，会触发onChanged回调，进而调用BLoC的Validate事件；
• BLoC emit新状态后，Widget触发重建，导致TextFormField的输入状态（如焦点、输入流）异常，无法响应后续用户输入；
• 改用本地状态管理后，仅更新按钮启用状态，不会触发影响TextFormField输入流程的重建，因此恢复正常。

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