Flutter TextFormField无内容时按删除键onChanged不触发问题

• 该现象是Flutter文本输入组件的默认行为，不属于框架异常。
• TextFormField的onChanged回调仅在输入框绑定的文本值发生实际变更时触发。新增输入框时，对应的TextEditingController初始值为空字符串，未输入任何内容时直接按下删除键，文本前后始终为空、无实际值变化，因此回调不会执行。

原实现仅依赖onChanged触发移除逻辑存在天然的触发盲区，补充两处处理即可覆盖所有场景：

1. 补充焦点失焦校验
   为每个输入框对应的FocusNode注册监听，当输入框失去焦点时，主动校验绑定控制器的文本内容，若内容为空则直接执行移除逻辑，无需等待onChanged触发。
   参考代码：

   // 初始化时给focusNode注册监听，注意页面销毁时要和controller一起dispose
   focusNode2.addListener(() {
     if (!focusNode2.hasFocus) {
       final inputContent = bullet2Controller.text.trim();
       if (inputContent.isEmpty && isBullet2Visible) {
         setState(() {
           isBullet2Visible = false;
           if (_counter > 0) _counter -= 1;
         });
       }
     }
   });
   

2. 补充空态下删除键事件监听
   针对「新建输入框后未输入内容、直接按删除键即移除」的需求，通过RawKeyboardListener包裹输入框，监听删除按键事件：当输入框处于聚焦状态、当前文本为空且检测到删除键按下时，直接执行移除、焦点转移逻辑，绕过onChanged的触发限制。
   参考代码：

   RawKeyboardListener(
     focusNode: focusNode2,
     onKey: (rawKeyEvent) {
       if (rawKeyEvent is RawKeyDownEvent && 
           rawKeyEvent.logicalKey == LogicalKeyboardKey.backspace) {
         if (bullet2Controller.text.isEmpty && isBullet2Visible) {
           setState(() {
             isBullet2Visible = false;
             // 原有焦点转移逻辑
             if (isBullet1Visible) {
               focusNode1.requestFocus();
             } else if (isBullet3Visible) {
               focusNode3.requestFocus();
             } else if (isBullet4Visible) {
               focusNode4.requestFocus();
             } else {
               FocusScope.of(context).unfocus();
             }
             if (_counter > 0) _counter -=1;
           });
         }
       }
     },
     child: TextFormField(
       controller: bullet2Controller,
       focusNode: focusNode2,
       maxLines: null,
       minLines: 1,
       textCapitalization:TextCapitalization.sentences,
       cursorColor: Colors.black,
       showCursor: true,
       autofocus: true,
       textAlign: TextAlign.start,
       inputFormatters: [LengthLimitingTextInputFormatter(140),],
       onChanged: (value) {
         setState(() {
           // 原有非空场景逻辑即可，空值判断可以抽成公共方法统一调用
           if (kDebugMode) {
             print("${value.length.toString()} character(s)");
           }
         });
       },
       decoration: const InputDecoration(
         disabledBorder: InputBorder.none,
         border: InputBorder.none,
         filled: true,
         fillColor: Colors.white,
       ),
       keyboardType: TextInputType.multiline,
       textInputAction: TextInputAction.done,
     ),
   )
   

• 优化建议：现有实现单独维护4组controller、focusNode、可见状态标记，维护成本高且容易出现焦点错乱问题，建议用数组管理所有输入项的配置对象（每个对象包含controller、focusNode、唯一标识三个属性），新增、删除输入框时直接操作数组数据再刷新UI，逻辑可收敛到公共方法，减少重复代码。

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