ReactNative之Event(事件)在React Native中如何让视图对触发做出合适的响应
⼀:TouchableOpacity
该组件封装了响应触摸事件;当点击按下的时候,该组件的透明度会降低。
常⽤属性:
activeOpacitynumber
reactnativeui框架设置当⽤户触摸的时候,组件的透明度
⼆:DOM节点对象的获取
<Text ref="textView"></Text>
在外⾯可以通过View获取该DOM对象
触摸事件
三:触摸事件
三:
onPressIn:点击开始;
onPressOut:点击结束或者离开;
onPress:单击事件回调;
onLongPress:长按事件回调。
⽤例:
varLoginView = ateClass({
getInitialState(){
return{
title:"不透明触摸"
}
},
render() {
return(
onPress={()=>this.loginPress("点击")}
onPressIn={()=>this.loginPress("按下")}
onPressOut={()=>this.loginPress("离开")} onLongPress={()=>this.loginPress("长按")} >
事件
{this.state.title}
);
},
loginPress(event){
this.setState({
title:event
})
}
});

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。