ReactNative中TouchableHighlight无效

在RN中,如果想给列表视图的Cell添加点击效果, 可以使用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 style={styles.itemContent}>
            <Text style={styles.itemHeader}>
            {movie.item.title}
            </Text>
            <Text style={styles.itemMeta}>
              {movie.item.original_title} ( {movie.item.year} )
            </Text>
            <Text style={styles.redText}>
              {movie.item.rating.average}
            </Text>
          </View>
        </View>
      </TouchableHighlight>
    );
  }

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

onPress={()=>{}}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,560评论 25 708
  • 前几天跟老公吵架了,原因很简单,他认为那个时刻的我跟平时不一样,很作,很矫情。 周末去宜家买了一些家居用品,为即将...
    老鹰爱玉米阅读 340评论 0 0
  • 孝不孝顺父母 我们第一步,就是要看对方孝不孝顺父母,这个很重要的。要是他连他爸妈都不孝敬,肯定你不能嫁给他,你也不...
    秦东魁阅读 1,879评论 0 0
  • 不要在那儿傻坐着浪费时间了好吗,以前一直在跟他们打交道,所以自己那个时候还比较有上进心,现在我发现真的,自己对学习...
    好想读懂全世界阅读 330评论 0 0
  • 这个城市举目无亲,整天都没有一个可以说话的人。悲伤一旦袭来,只能失声痛哭,哭到累了倦了也就睡了。 梦里忘了经历了什...
    苏潇潇阅读 191评论 2 0