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

})

}

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容