Flutter中如何监听TextField内特定按键（如退格键）的按下事件

原生RawKeyboardListener仅响应物理键盘事件的原因是：Android、iOS系统的软键盘默认不会将按键事件分发到应用层，仅会提交输入的文本内容，因此无法直接通过原生的按键监听接口捕获软键盘的退格操作，可通过以下方案实现需求：

方案1：TextEditingController文本对比实现（推荐常规场景使用） #

通过监听文本变更前后的长度差判断退格操作：

final TextEditingController _controller = TextEditingController();
String _lastText = '';

@override
void initState() {
  super.initState();
  _lastText = _controller.text;
  _controller.addListener(_handleTextChange);
}

void _handleTextChange() {
  final currentText = _controller.text;
  // 文本长度变短即判定为触发退格
  if (currentText.length < _lastText.length) {
    // 此处添加退格触发后的业务逻辑
    debugPrint('退格键被按下');
  }
  _lastText = currentText;
}

@override
void dispose() {
  _controller.removeListener(_handleTextChange);
  _controller.dispose();
  super.dispose();
}

• 优点：无第三方依赖，实现简单，可覆盖绝大多数非空输入下的退格监听场景
• 缺点：无法捕获输入框为空时的退格操作

方案2：零宽空格占位实现（兼容空输入退格场景） #

如果需要捕获输入框为空时的退格操作，可以通过插入不可见的零宽空格作为占位符实现全场景监听：

final TextEditingController _controller = TextEditingController();
String _lastText = '';
// 零宽空格常量，肉眼不可见且不占用显示宽度
static const String _zeroWidthSpace = '\u200B';

@override
void initState() {
  super.initState();
  // 初始化时插入占位符
  _controller.text = _zeroWidthSpace;
  _controller.selection = TextSelection.fromPosition(const TextPosition(offset: 1));
  _lastText = _controller.text;
  _controller.addListener(_handleTextChange);
}

void _handleTextChange() {
  String currentText = _controller.text;
  // 退格触发判断
  if (currentText.length < _lastText.length) {
    if (currentText.isEmpty) {
      // 空输入框下退格触发逻辑
      debugPrint('空输入框下按下退格键');
      // 补回占位符
      _controller.text = _zeroWidthSpace;
      _controller.selection = const TextSelection.collapsed(offset: 1);
      _lastText = _controller.text;
      return;
    }
    // 普通退格触发逻辑
    debugPrint('退格键被按下，当前真实内容：${currentText.replaceAll(_zeroWidthSpace, '')}');
  }
  // 保证占位符始终存在
  if (!currentText.startsWith(_zeroWidthSpace)) {
    final realText = currentText.replaceAll(_zeroWidthSpace, '');
    currentText = _zeroWidthSpace + realText;
    _controller.text = currentText;
    _controller.selection = TextSelection.collapsed(offset: currentText.length);
  }
  _lastText = currentText;
}

// 提交数据时需要先移除占位符
String getRealInputText() {
  return _controller.text.replaceAll(_zeroWidthSpace, '');
}

@override
void dispose() {
  _controller.removeListener(_handleTextChange);
  _controller.dispose();
  super.dispose();
}

• 优点：可覆盖所有退格场景，包括输入框为空的状态
• 缺点：提交数据时需要额外处理移除零宽空格，适配全选、粘贴等操作需要额外逻辑补充

方案3：底层重写实现（复杂自定义场景使用） #

如果需要更底层的按键监听能力，可重写EditableText组件的onKeyEvent回调实现，该方案代码复杂度较高，仅适合自定义输入组件的场景使用。

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