Flutter中TextFormField的onFieldSubmitted事件触发问题

要实现用户离开TextFormField（点击其他区域、按Tab键等操作）时触发指定逻辑，你需要借助FocusNode监听焦点状态变化——因为onFieldSubmitted本来就只响应键盘上的提交按钮点击，无法覆盖失焦场景。具体实现步骤如下：

1. 定义FocusNode和输入值变量
   在你的State类中声明FocusNode实例，同时保存输入框的当前值，方便失焦时判断：

   late FocusNode _textFieldFocusNode;
   String _currentInputValue = '';
   

2. 初始化并添加焦点监听
   在initState方法中初始化FocusNode，添加监听逻辑：当输入框失去焦点时，执行你需要的操作：

   @override
   void initState() {
     super.initState();
     _textFieldFocusNode = FocusNode();
     // 监听焦点变化
     _textFieldFocusNode.addListener(() {
       if (!_textFieldFocusNode.hasFocus) {
         // 这里写离开字段时要执行的逻辑
         if (_currentInputValue == "Something") {
           debugPrint("Something should happen!");
         }
       }
     });
   }
   

3. 绑定FocusNode到TextFormField
   将FocusNode关联到TextFormField，同时通过onChanged实时更新输入值：

   TextFormField(
     focusNode: _textFieldFocusNode,
     onChanged: (value) {
       _currentInputValue = value;
     },
     // 保留原有的onFieldSubmitted逻辑（如果需要）
     onFieldSubmitted: (value) {
       if (value == "Something") {
         debugPrint("Something should happen!");
       }
     },
   ),
   

4. 释放资源
   在dispose方法中销毁FocusNode，避免内存泄漏：

   @override
   void dispose() {
     _textFieldFocusNode.dispose();
     super.dispose();
   }
   

这样不管用户是点击其他区域、按Tab键切换焦点，还是通过其他方式离开输入框，只要输入框失去焦点，你的逻辑就会触发。

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