react-native - react native 触摸事件问题

Question

我遇到了触摸事件的问题。
我在一个项目中添加了两个 rootview。第二个 rootview 使用一个新的 reactinstanceManager 并且它嵌套在第一个 rootview 中。当我单击第二个 rootview 的可触摸时，会看到该问题，它会触发该可触摸的事件以及第一个 react rootview 中的一些随机可触摸事件。
我尝试对此进行调试，并在检查鳍状肢上的布局时发现，某些 View 组组件在 rootview1 和 rootview2 中具有相同的 ID，不确定这是否是问题所在。
任何帮助将不胜感激。

Answer 1

只需添加 Prop onStartShouldSetResponder={event => true}到 <View>你想防止冒泡并使用 e.stopPropagation()到您希望传播停止的点的内部 View 。例如

<TouchableOpacity onPress={this.doSomething1}>
  <View
   onStartShouldSetResponder={(event) => true}
   onTouchEnd={(e) => {
     e.stopPropagation();
   }}
  >
      <TouchableOpacity onPress={this.doSomething2}>
        <Image ... />
      </TouchableOpacity>
  </View>
</TouchableOpacity>

你应该看看 Gesture Responder 的方法: https://facebook.github.io/react-native/docs/gesture-responder-system.html#responder-lifecycle .