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

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

常用属性：

activeOpacity number

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

三、常见的触摸事件

1、onLongPress:长按事件

2、onPressIn:触摸进入事件

4、onPressOut:触摸释放事件

5、onPress 点击事件

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!