您的位置:首页 > Web前端 > React

React Native交互组件之Touchable

2016-12-21 14:47 423 查看
React Native交互组件之Touchable:只要在组件外面包一个Touchable组件就可以实现点击交互。
TouchableHighlight:高亮触摸
当点击时,组件的透明度会改变,可以看到点击效果,TouchableHighlight只可以进行嵌套一层。其常用属性如下:
  activeOpacity     点击时,组件的透明度。0-1
  onHideUnderlay    当底层被隐藏时调用
  onShowUnderlay    当底层显示时调用
  style 风格
  underlayColor  当点击组件时显示的颜色
TouchableOpacity:不透明触摸
  activeOpacity 点击时,组件的透明度。0-1

常用的点击事件如下:
  

  获取屏幕属性:

  完整源码下载:https://github.com/pheromone/React-Native-1
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: