Question

我有多个按钮结构如下：

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

问题

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

目标

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

Answer 1

你可以这样使用，

<TouchableHighlight style={styles.button} underlayColor={"COLOR"} style = {styles.button} onPress = {() => this.onClickView()}>
   <View />
</TouchableHighlight>

Answer 2

您可以使用

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

使任何可点击的内容

Answer 3

将视图组件包装在诸如TouchableHeighlight之类的React本机按钮之一内，并提供onPress事件。

TouchableHeightlight onPress = your event View open View close TouchableHeighlight close

如何通过本地

3 个答案: