如何忽略父Widget的onTap事件，解决TextField键盘反复开闭问题？

问题根源是父级RawGestureDetector的点击事件会优先触发，先执行关闭键盘的操作，随后TextField的焦点请求又弹出键盘，导致出现先关再开的闪烁现象。

下面提供两种可行的解决方案：

方案一：用GestureDetector替代RawGestureDetector（更简洁） #

直接用GestureDetector包裹Scaffold，通过判断点击位置是否在当前焦点的输入控件内，决定是否关闭键盘：

GestureDetector(
  // 确保手势能覆盖整个页面区域
  behavior: HitTestBehavior.opaque,
  onTapDown: (TapDownDetails details) {
    final focusedContext = FocusScope.of(context).focusedContext;
    if (focusedContext != null) {
      // 获取当前焦点控件的渲染对象
      final renderBox = focusedContext.findRenderObject() as RenderBox?;
      if (renderBox != null) {
        // 把点击的全局坐标转成控件本地坐标
        final localPos = renderBox.globalToLocal(details.globalPosition);
        final hitTestResult = BoxHitTestResult();
        // 判断点击位置是否在焦点控件内部
        if (renderBox.hitTest(hitTestResult, position: localPos)) {
          // 点的就是当前聚焦的输入框，不执行关闭键盘
          return;
        }
      }
    }
    // 点击其他区域，关闭键盘
    FocusScope.of(context).unfocus();
  },
  child: Scaffold(
    // 你的页面内容，包含TextField等组件
    body: ...,
  ),
)

方案二：基于原RawGestureDetector修改逻辑 #

如果想继续使用AllowMultipleGestureRecognizer，可以修改其回调逻辑，加入点击位置的判断：

RawGestureDetector(
  gestures: {
    AllowMultipleGestureRecognizer: GestureRecognizerFactoryWithHandlers<AllowMultipleGestureRecognizer>(
      () => AllowMultipleGestureRecognizer(),
      (instance) {
        instance.onTapDown = (TapDownDetails details) {
          final focusedContext = FocusScope.of(context).focusedContext;
          if (focusedContext != null) {
            final renderBox = focusedContext.findRenderObject() as RenderBox?;
            if (renderBox != null) {
              final localPos = renderBox.globalToLocal(details.globalPosition);
              final hitTestResult = BoxHitTestResult();
              if (renderBox.hitTest(hitTestResult, position: localPos)) {
                // 点击的是当前聚焦的输入框，不处理关闭键盘
                return;
              }
            }
          }
          // 点击其他区域时关闭键盘
          FocusScopeNode currentFocus = FocusScope.of(context);
          if (!currentFocus.hasPrimaryFocus) {
            currentFocus.unfocus();
          }
        };
      },
    )
  },
  child: Scaffold(...),
)

核心逻辑说明 #

通过hitTest检测点击位置是否落在当前已获取焦点的输入控件内，避免父级的关闭键盘逻辑误触发。使用onTapDown而非onTap能更早进行判断，减少不必要的焦点切换操作。

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