React Native没有像Web开发那样可以给元素(组件)绑定click事件。React Native提供了3个组件来做这件事。这3个组件称为“Touchable类组件”.
1、TouchableHighlight:高亮触摸,用户点击时,会产生高亮效果.
2、TouchableOpacity:透明触摸。用户点击时,点击的组件会出现透明过度效果。
3、TouchableWithoutFeedback:无反馈性触摸。用户点击时,点击的组件不会出现任何视觉变化.(很少用)
一、TouchableHighlight
activeOpacity number 设置组件在进行触摸的时候,显示的不透明度(取值在0-1之间)
onHideUnderlay function 方法当底层被隐藏的时候调用
onShowUnderlay function 方法当底层显示的时候调用
style 可以设置控件的风格演示,该风格演示可以参考View组件的style
underlayColor 当触摸或者点击控件的时候显示出的颜色
该组件封装了响应触摸事件;当点击按下的时候,该组件的透明度会降低。
常用属性:
activeOpacity number
设置当用户触摸的时候,组件的透明度
三、常见的触摸事件
1、onLongPress:长按事件
2、onPressIn:触摸进入事件
4、onPressOut:触摸释放事件
5、onPress 点击事件