如何在 React Native 中使视图可点击

Question

我有多个结构如下的按钮：

<View style={ { height: '100%', width: '10%', transform: rotate } }> // being transformed by rotation inside panResponder
   <View {panresponder}/> // takes the touch event
   <Image/> 
</View>

问题

如果有两个光标彼此相距 180 度，则封装视图的尾端将采用另一个光标的可触摸视图进行触摸。

目的

我希望能够随时单击可触摸视图，即使它被视图重叠。如何使视图可点击？有没有办法对 zIndex 进行分层，使可点击视图高于其他视图？（我一直在摆弄 zIndex，它使组件消失）。

Answer 1

您可以使用

<TouchableOpacity onPress={}> or <TouchableWithoutFeedback  onPress={}>

使任何内容可点击