React Native——Touchable类组件

前端之家收集整理的这篇文章主要介绍了React Native——Touchable类组件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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 当触摸或者点击控件的时候显示出的颜色


二、 TouchableOpacity

该组件封装了响应触摸事件;当点击按下的时候,该组件的透明度会降低。

常用属性

activeOpacity number

设置当用户触摸的时候,组件的透明度


三、常见的触摸事件

1、onLongPress:长按事件

2、onPressIn:触摸进入事件

4、onPressOut:触摸释放事件

5、onPress 点击事件

猜你在找的React相关文章