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

})

}

});