React Native——Touchable类组件

    xiaoxiao2021-03-25  167

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

    转载请注明原文地址: https://ju.6miu.com/read-3789.html

    最新回复(0)