React Native Android自定义EditText无法触摸，报'Got DOWN touch...'错误求助

问题详情 #

• 自定义Android EditText通过React Native桥接后无法响应触摸，每次触摸触发报错：Got DOWN touch before receiving UP or CANCEL from last gesture
• 未使用导航类库，基于最新版React Native开发，现有公开解决方案均不适用
• 模拟器中通过键盘光标下移可聚焦到组件，此时能正常输入文本
• 已定位到ReactRootView相关源码，但不理解其手势管理逻辑，需明确问题根源

异常演示 #

原因分析与解决方案 #

1. 触摸事件生命周期未正确闭环 #

React Native的ReactRootView会严格跟踪触摸手势的完整序列（DOWN→UP/CANCEL），如果自定义EditText在处理触摸事件时，没有正确传递或终止事件，会导致RN认为上一个手势未结束，进而拦截新的触摸请求。

• 检查自定义EditText的onTouchEvent或dispatchTouchEvent实现，确保事件序列完整传递：

  @Override
  public boolean onTouchEvent(MotionEvent event) {
      boolean handled = super.onTouchEvent(event);
      // 确保UP/CANCEL事件被正确传递，让RN感知手势结束
      if (event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
          return handled;
      }
      return handled;
  }
  

• 避免在组件中强制拦截所有触摸事件（比如返回true而不调用super.onTouchEvent），保留RN手势系统的事件跟踪能力。

2. 原生组件与RN触摸系统的同步问题 #

最新版RN对触摸事件的完整性校验更严格，若桥接的原生组件未正确配置触摸相关属性，会导致事件序列中断。

• 在ViewManager的createViewInstance中确保组件启用触摸聚焦：

  @Override
  protected EditText createViewInstance(ThemedReactContext context) {
      CustomEditText editText = new CustomEditText(context);
      editText.setFocusable(true);
      editText.setFocusableInTouchMode(true);
      return editText;
  }
  

• 检查RN侧组件的pointerEvents属性，确保未设置为none或box-none（这会阻止触摸事件传递），保持默认的auto即可。

3. 焦点与触摸事件的关联异常 #

组件可通过键盘聚焦但无法触摸，说明焦点状态未与触摸事件正确关联，导致RN触摸系统未识别到组件的可交互状态。

• 在自定义EditText中重写requestFocus，同步通知RN更新焦点状态：

  @Override
  public boolean requestFocus(int direction, Rect previouslyFocusedRect) {
      boolean result = super.requestFocus(direction, previouslyFocusedRect);
      if (result) {
          getReactContext().getNativeModule(UIManagerModule.class).focus(getId());
      }
      return result;
  }
  

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