Javascript React Native中的嵌套可触摸项

我遇到了一个问题，嵌套的触控对象中的双击（到同时触控）会到达父触控对象

在下面的示例中，Touchable嵌套三层。当我按下最深可触摸按钮（蓝色）时，控制台正确打印“蓝色”。当我按下其他图层分别打印“绿色”和“红色”时，它的行为也正确

当我同时进行两次触摸和释放时，会出现奇怪的行为-然后触摸层的onPress根本不会被调用。相反，当两次触摸都结束时，父触摸屏只接收一次触摸

此外，当我在最外层同时进行两次触摸时（红色，没有父触摸），该层将接收触摸。从我的角度来看，这似乎更为正确，但与上述嵌套toguable中的奇怪行为不同

<View style={{flex:1, backgroundColor:"#666666"}}>

    <TouchableHighlight onPress={()=>{console.log("red")}}>
      <View style={{backgroundColor:"#FF0000", height:300}}>   
        <TouchableHighlight onPress={()=>{console.log("green")}}>
          <View style={{backgroundColor:"#00FF00", height:200}}>
            <TouchableHighlight onPress={()=>{console.log("blue")}}>
              <View style={{backgroundColor:"#0000FF", height:100}} />
            </TouchableHighlight>
          </View>
        </TouchableHighlight>
      </View>
    </TouchableHighlight>
</View>

{console.log（“红色”）}>
{console.log（“绿色”）}>
{console.log（“蓝色”）}>

我复制了你的代码，但我不知道它是否真的像你想要实现的目标：

零食不允许使用多点触摸，但我做了一个很长的尝试：使用

onPressIn

而不是

onPress