Flutter新手问题：修改TextField值后控件失焦如何排查解决

• 核心诱因是父组件TextEditingController监听中无脑调用setState，触发父组件全量重渲染，连带子组件ChangingTextField一起重构建。
• 你在子组件initState中重复初始化FocusNode：你已经在状态类属性声明处初始化过_focusNode = FocusNode()，initState中再次赋值的操作虽然不会在首次初始化时出问题，但如果父组件重绘导致子组件State重建，会生成新的FocusNode实例，原有绑定的焦点状态直接丢失。
• 如果调用ChangingTextField时没有传入稳定的唯一Key，Flutter在Element树 diff 时可能会直接销毁重建子组件的State对象，导致焦点、定时器等状态全部重置。

按优先级依次修改即可：

1. 优化父组件的监听逻辑，避免全量重渲染
   如果父组件不需要实时跟随输入内容更新整个UI，直接删掉controller监听里的setState(() {})即可，你本身持有controller实例，什么时候需要取输入值直接读controller.text就行，没必要每次输入都刷新页面。
   如果确实有局部UI需要跟随输入变化（比如提交按钮的置灰逻辑），用ValueListenableBuilder包裹需要更新的局部组件，不要触发整个父组件重绘：

// 父组件中需要跟随输入变化的UI部分替换成这个
ValueListenableBuilder<TextEditingValue>(
  valueListenable: roomNameController,
  builder: (context, value, child) {
    return ElevatedButton(
      onPressed: value.text.isEmpty ? null : () => submitAction(),
      child: Text('加入房间'),
    );
  },
)

2. 删掉子组件冗余的FocusNode初始化代码
   把子组件initState中的_focusNode = FocusNode();行直接删除，避免重复生成FocusNode实例。
3. 给子组件绑定稳定的唯一Key
   父组件调用ChangingTextField时传入固定Key：

ChangingTextField(
  key: const Key('room-name-input'),
  controller: roomNameController,
)

4. （可选优化）替换焦点监听逻辑，比onTap更可靠
   不需要手动在onTap里请求焦点，TextField本身会处理焦点触发逻辑，直接监听FocusNode的状态变化即可覆盖所有聚焦场景（比如键盘跳转、自动聚焦等）：

// 子组件initState修改为
@override
void initState() {
  super.initState();
  _timer = Timer.periodic(const Duration(seconds: 5), (Timer t) => _genRoomName());
  _focusNode.addListener(() {
    if (_focusNode.hasFocus && !_wasFocused) {
      setState(() {
        _timer?.cancel();
        _wasFocused = true;
      });
    }
  });
}
// 删掉原来的_requestFocus方法和TextField的onTap属性

5. （补充注意事项）父组件的roomNameController要记得在父组件的dispose生命周期中调用dispose()销毁，避免内存泄漏。

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