TouchableHighlight之坑 没有onPress方法不起作用

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={()=>{}}