TouchableHighlight无点击效果

转载于：https://www.jianshu.com/p/2245cc5e4a82

在RN中,如果想给列表视图的项添加点击效果, 可以使用TouchableHighlight控件. 但是要注意此控件一定要有onPress属性, 不然点击没有任何效果

renderMovieList = (movie) => {
    return(
      <TouchableHighlight 
      underlayColor="rgba(34, 26, 38, 0.1)" 
      //注意此处 实现了onPress属性
      onPress={()=>{
        console.log(`<<  ${movie.item.title}  >> 被点了`);
      }}
      >
        <View style={styles.item}>
          <View style={styles.itemImage}>
            <Image 
            source={{uri: movie.item.images.large}}
            style={styles.image}
            />
          </View>
        </View>
      </TouchableHighlight>
    );
  }

如果不需要有什么操作, 可以直接给onPress一个空的函数实现

onPress={()=>{}}

作者：Oo晨晨oO
链接：https://www.jianshu.com/p/175cc21ecba3
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。