React Native开发之——组件TouchableHighlight

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

前言

TouchableHighlight，包装要显示的视图，点击时可用于高亮显示，React Native 0.36版本以前用于替代Button，类似于Android中的Button，React Native 0.37开始出现Button按钮。

本文主要讲述TouchableHighlight的使用及其几个属性的用法：

  • underlayColor
  • activeOpacity
  • onHideUnderlay
  • onShowUnderlay

TouchableHighlight

属性介绍

underlayColor

underlayColor属性

点击时，显示的颜色

代码

效果

activeOpacity

activeOpacity

用于显示透明度，0-完全透明，1-完全不透明

代码

效果

onHideUnderlay

onHideUnderlay 概念

当图层颜色隐藏时，调用此方法

代码

效果

onShowUnderlay

用法同上onHideUnderlay

其他

参考：RN_TouchableHighlight