TouchableHighlight 没有onPress方法不起作用
TouchableHighlight
用于产生高亮效果,当按下被该标签包裹的元素时,该元素透明度会变低,从而露出下面的元素的颜色,看下官方的例子:
renderButton: function() {
return (
<TouchableHighlightonPress={this._onPressButton}>
<Image
style={styles.button}
source={require('./myButton.png')}
/>
</TouchableHighlight>
);
},
再来看下 TouchableHighlight
的属性:
activeOpacity: 触摸时透明度的设置(值为0-1之间的值包括0和1,写的时候要这样写activeOpacity={0.3});
underlayColor: 点击时背景阴影效果的背景颜色;
onHideUnderlay: 隐藏背景阴影时触发该事件;
onShowUnderlay: 出现背景阴影时触发该事件;
接下来就要讲到坑的地方了!!!
如果没有给 TouchableHighlight
设置onPress事件的话,那么他不会产生高亮效果,点击没有任何效果!!!
官方的例子是有onPress事件的,但是如果我们不想给标签绑定onPress事件让他做出一些事情的话,只需要给他的onPress添加一个空的函数即可,如下:
onPress={()=>{}}