Flutter：TextField创建新行后光标未自动下移问题求助

这问题我之前开发时也踩过坑！默认的TextField在设置maxLines: null后，按回车确实会添加换行，但光标不会自动跳到新行，得输入内容才动——本质是光标位置没有跟着文本更新同步调整。

给你两个可行的解决方案，根据你的Flutter版本选择：

方案1：使用onKeyEvent（Flutter 3.3及以上推荐） #

直接在TextField里监听回车事件，手动添加换行并更新光标位置：

TextField(
  controller: _controller,
  maxLines: null,
  onKeyEvent: (event, focusNode) {
    // 监听回车键按下事件
    if (event.logicalKey == LogicalKeyboardKey.enter && event is KeyDownEvent) {
      // 获取当前文本并添加换行
      final updatedText = '${_controller.text}\n';
      _controller.text = updatedText;
      // 将光标定位到新行的开头（文本末尾）
      _controller.selection = TextSelection.fromPosition(
        TextPosition(offset: updatedText.length),
      );
      // 标记事件已处理，避免默认行为干扰
      return KeyEventResult.handled;
    }
    return KeyEventResult.ignored;
  },
)

方案2：使用RawKeyboardListener（兼容旧版Flutter） #

如果你的Flutter版本低于3.3，用RawKeyboardListener包裹TextField来监听键盘事件：

RawKeyboardListener(
  focusNode: FocusNode(),
  onKey: (RawKeyEvent event) {
    if (event is RawKeyDownEvent && event.logicalKey == LogicalKeyboardKey.enter) {
      final updatedText = '${_controller.text}\n';
      _controller.text = updatedText;
      // 折叠光标到文本末尾
      _controller.selection = TextSelection.collapsed(
        offset: updatedText.length,
      );
    }
  },
  child: TextField(
    controller: _controller,
    maxLines: null,
  ),
)

原理说明 #

出现这个问题是因为默认情况下，TextField在处理回车时仅添加了换行符，但没有主动更新光标选择区域。通过手动修改TextEditingController的selection属性，我们强制让光标跳到新行的起始位置，这样就能实现按下回车后光标立即下移的效果了。

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