Flutter TextField：自定义双击事件同时保留默认选词行为

直接通过RawGestureDetector搭配自定义手势识别器，就能在不拦截TextField默认双击行为的前提下，添加自定义双击回调，且完全遵循系统级的双击间隔设置：

1. 自定义双击手势识别器
   继承DoubleTapGestureRecognizer，在触发双击时先执行自定义逻辑，再交由父类处理默认行为：

class CustomDoubleTapRecognizer extends DoubleTapGestureRecognizer {
  final VoidCallback? onCustomDoubleTap;

  CustomDoubleTapRecognizer({this.onCustomDoubleTap, super.debugOwner});

  @override
  void onDoubleTapDown(TapDownDetails details) {
    // 优先执行自定义双击逻辑
    onCustomDoubleTap?.call();
    // 调用父类方法，保留TextField默认的双击选词行为
    super.onDoubleTapDown(details);
  }
}

2. 用RawGestureDetector包裹TextField
   将自定义识别器注册到RawGestureDetector中，即可实现两者共存：

RawGestureDetector(
  gestures: {
    CustomDoubleTapRecognizer: GestureRecognizerFactoryWithHandlers<CustomDoubleTapRecognizer>(
      () => CustomDoubleTapRecognizer(),
      (recognizer) {
        recognizer.onCustomDoubleTap = () {
          // 这里写你的自定义双击操作
          print("自定义双击触发");
        };
      },
    ),
  },
  behavior: HitTestBehavior.translucent,
  child: TextField(
    decoration: const InputDecoration(
      hintText: "双击测试",
      border: OutlineInputBorder(),
    ),
  ),
)

原理说明 #

RawGestureDetector允许我们向子组件的手势识别链中添加自定义识别器，不会完全覆盖原有手势逻辑。自定义的CustomDoubleTapRecognizer在捕获到双击事件时，先执行我们的回调，再通过super.onDoubleTapDown将事件传递给系统默认的处理逻辑，这样TextField的双击选词行为就能正常保留。

内容的提问来源于stack exchange，提问作者Min-Soo Pipefeet