TouchableOpacity：不透明触摸
该组件封装了响应触摸事件；当点击按下的时候，该组件的透明度会降低。
- 常用属性：
- activeOpacity (number)：当用户触摸的时候，组件的透明度；
- 常用方法：
- onPress：点击；
- onPressIn：按下；
- onPressOut：抬起；
- onLongPress：长按；
//ES5写法
var main = React.createClass({
getInitialState(){
return{
title:'不透明触摸'
}
},
render() {
return (
<View style={styles.container}>
<TouchableOpacity
activeOpacity={0.5}
onPress={()=>this.activeEvent('点击')}
onPressIn={()=>this.activeEvent('按下')}
onPressOut={()=>this.activeEvent('抬起')}
onLongPress={()=>this.activeEvent('长按')}
>
<View style={styles.innerViewStyle}>
<Text style={{color:'white'}}>点击事件</Text>
</View>
</TouchableOpacity>
<View>
<Text>{this.state.title}</Text>
</View>
</View>
);
},
activeEvent(event){
this.setState({
title:event
})
},
