如何解决Flutter中OTP输入框反向聚焦失效问题

你当前的代码仅在输入框内容清空时才会回退到上一个输入框，要实现输入中途（比如删除已有内容时）就能触发聚焦回退，核心是通过检测输入内容的长度变化判断删除操作，而非仅判断内容为空。

修改后的代码如下：

onChanged: (value) {
  final previousLength = controllers[index].text.length;
  
  // 输入1个字符且非最后一个输入框，跳转到下一个
  if (value.length == 1 && index < 5) {
    FocusScope.of(context).nextFocus();
  }
  // 内容长度减少（删除操作）且非第一个输入框，跳转到上一个
  if (value.length < previousLength && index > 0) {
    FocusScope.of(context).previousFocus();
  }
  
  setState(() {});
},

关键修改说明： #

• 新增previousLength获取当前输入框修改前的文本长度，通过value.length < previousLength精准判断是否为删除操作
• 移除原代码中仅判断内容为空的限制，只要是删除内容（无论是否清空）且不是第一个输入框，就触发上一个输入框的聚焦
• 保留原有正向跳转逻辑，输入1个字符时自动跳转到下一个输入框

注意：确保每个TextFormField都绑定了独立的TextEditingController，这样才能准确获取修改前的文本长度。

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