Touchable的点击事件

作者: 一朝瑾秋色 | 来源:发表于2017-12-20 08:37 被阅读13次

React Native的提供了四种点击事件

TouchableHighlight

这是点击透明度发生变化 activeOpacity={0.7}  按下后背景颜色  underlayColor={'red'}

TouchableNativeFeedback

Android设备原生控件

TouchableOpacity

点击背景透明度变化activeOpacity={0.7}

TouchableWithoutFeedback

没有任何反馈效果的

React按钮的事件处理 按钮关联了四个事件:

1. 按钮按下事件:onPress - 按下并松开按钮,会触发该事件(相当于PC的onclick)

2. 按钮长按事件:onLongPress  - 按住按钮不松开,会触发该事件(长按事件)

3. 按钮按下事件:onPressIn      - 按下按钮不松开,会触发该事件(相当于PC的onkeydown)

4. 按钮松开事件:onPressOut    - 按下按钮后松开,或按下按钮后移动手指到按钮区域外,都会触发该事件(相当于PC的onkeyup)

相关文章

网友评论

    本文标题:Touchable的点击事件

    本文链接:https://www.haomeiwen.com/subject/zkhiwxtx.html