React Native 常用组件之 Touchable

TouchableOpacity:不透明触摸

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

  • 常用属性:
  • activeOpacity (number):当用户触摸的时候,组件的透明度;
  • 常用方法:
  • onPress:点击;
  • onPressIn:按下;
  • onPressOut:抬起;
  • onLongPress:长按;
//ES5写法
var main = React.createClass({
    getInitialState(){
        return{
            title:'不透明触摸'
        }
    },
    render() {
        return (
            
                this.activeEvent('点击')}
                    onPressIn={()=>this.activeEvent('按下')}
                    onPressOut={()=>this.activeEvent('抬起')}
                    onLongPress={()=>this.activeEvent('长按')}
                    >
                    
                        点击事件
                    
                
                
                    {this.state.title}
                
            
        );
     },

     activeEvent(event){
       this.setState({
           title:event
       })
    },

你可能感兴趣的:(React Native 常用组件之 Touchable)