react-native - TouchableOpacity 吞下触摸事件并且永不通过

Question

我试图让两者都onPress发生TouchableOpacity，但第二个是唯一触发的：

<TouchableOpacity onPress={() => console.warn('first button')}>
  <TouchableOpacity onPress={() => console.warn('second button')}>
    <Text>
      PRESS ME
    </Text>
  </TouchableOpacity>
</TouchableOpacity>

我怎样才能让他们两个都着火？

提前致谢！

Answer 1

您可以简单地使用“ref”概念并调用道具 onPress 来触发它们。

<TouchableOpacity onPress={() => 
  AlertIOS.alert('firstbutton')
  } 
  ref={component => this.myFirstTouchable = component}
>
    <TouchableOpacity onPress={() => 
        {
        AlertIOS.alert('second')
        this.myFirstTouchable.props.onPress()
        }
    }>
        <Text>
          PRESS ME
        </Text>
      </TouchableOpacity>
    </TouchableOpacity>