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

React按钮的事件处理 按钮关联了四个事件:
1. 按钮按下事件:onPress - 按下并松开按钮,会触发该事件(相当于PC的onclick)
2. 按钮长按事件:onLongPress - 按住按钮不松开,会触发该事件(长按事件)
3. 按钮按下事件:onPressIn - 按下按钮不松开,会触发该事件(相当于PC的onkeydown)
4. 按钮松开事件:onPressOut - 按下按钮后松开,或按下按钮后移动手指到按钮区域外,都会触发该事件(相当于PC的onkeyup)

发送语音的时候,就可以用onPressIn onPressOut 这2个方法搭配了

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

TouchableHighlight
TouchableNativeFeedback
TouchableOpacity
TouchableWithoutFeedback

其实可以将点击事件当成一个特殊的UI组件, 将这个特殊的UI组件包在UI组件的外面,就可以使指定的UI组件有了点击响应能力。

TouchableHighlight

这是点击透明度发生变化

activeOpacity={0.7}
按下后背景颜色
underlayColor={'red'}

TouchableNativeFeedback

Android设备原生控件

TouchableOpacity

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

TouchableWithoutFeedback

没有任何反馈效果的

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容