您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页ReactNative之Event(事件)

ReactNative之Event(事件)

来源:二三四教育网

在React Native中如何让视图对触发做出合适的响应

一:TouchableOpacity

该组件封装了响应触摸事件;当点击按下的时候,该组件的透明度会降低。

常用属性:

activeOpacitynumber

设置当用户触摸的时候,组件的透明度

二:DOM节点对象的获取

<Text ref="textView"></Text>

在外面可以通过this.refs.textView获取该DOM对象

三:触摸事件

onPressIn:点击开始;

onPressOut:点击结束或者离开;

onPress:单击事件回调;

onLongPress:长按事件回调。

用例:

varLoginView = React.createClass({

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

})

}

});

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务