在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
})
}
});