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 点击事件


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值