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
TouchableHighlight:高亮触摸
当点击时,组件的透明度会改变,可以看到点击效果,TouchableHighlight只可以进行嵌套一层。其常用属性如下:
activeOpacity 点击时,组件的透明度。0-1
onHideUnderlay 当底层被隐藏时调用
onShowUnderlay 当底层显示时调用
style 风格
underlayColor 当点击组件时显示的颜色
TouchableOpacity:不透明触摸
activeOpacity 点击时,组件的透明度。0-1
常用的点击事件如下:
相关文章推荐
- React Native交互组件之Touchable
- [深入剖析React Native]React Native组件之Touchable*源码解析(1)
- (五)React Native---Touchable组件
- 一起来点React Native——常用组件之Touchable系列
- [深入剖析React Native]React Native组件之Touchable*
- React Native按钮详解|Touchable系列组件使用详解
- React Native开发之——组件TouchableOpacity
- React Native 中组件的生命周期
- React-native 中Linking组件的实例
- [React Native]高度自增长的TextInput组件
- React Native开发之——组件TextInput(3)
- React Native知识2-Text组件
- react-native中ListView组件点击跳转的方法示例
- React Native组件只Image
- React Native-12.React Native WebView组件详解
- 学习React Native 笔记(二)React组件
- React Native组件的生命周期
- React-Native 组件开发方法
- 一起来点React Native——常用组件之Text
- react-native 相对项目路径导入组件