在rn实际开发中发现 react-native的TouchableHighlight组件在absolute的定位的情况下存在点击无反应的情况 ,解决方案如下
这种情况需要在TouchableHighlight外层包裹一个view,用view去做元素定位,用TouchableHighlight去响应触摸操作,示例代码如下。
注意TouchableHighlight只支持一个子节点(不能没有子节点也不能多于一个)。如果你希望包含多个子组件,可以用一个 View 来包装它们。
<View
style=
>
<TouchableHighlight
activeOpacity={1}
underlayColor="rgba(0,0,0,0)"
onPress={(e) => this.click()}
>
<View style=>
<View style={this.styles().spanLeft}>
<View style={this.styles().spanRight}></View>
</View>
</View>
</TouchableHighlight>
</View>