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
没有任何反馈效果的