首页 > 其他 > 详细

RN 之TouchableOpacity组件

时间:2019-09-12 17:03:48      阅读:494      评论:0      收藏:0      [点我收藏+]
constructor(props){
    super(props);
    this.state = {
      title:‘不透明触摸‘
    }
    this.activiEvent = this.activiEvent.bind(this);
  }
  render() {
    return (

      <View>
        {/*
        onPress={this.renderPress()}
        onPress={()=>this.activiEvent(‘点击‘)}
        onPressIn={()=>this.activiEvent(‘按下‘)}
        onPressOut={()=>this.activiEvent(‘抬起‘)}
        onLongPress={()=>this.activiEvent(‘长按‘)}
        */}
        <View>
          <TouchableOpacity activeOpacity={0.5}
          onPress={()=>this.activiEvent(‘点击‘)}
          onPressIn={()=>this.activiEvent(‘按下‘)}
          onPressOut={()=>this.activiEvent(‘抬起‘)}
          onLongPress={()=>this.activiEvent(‘长按‘)}
          >
            <View>
              <Text>我是文本但可以点击常用事件</Text>
            </View>
          </TouchableOpacity>
        </View>

        <View>
          <Text>{this.state.title}</Text>{/*标签内取值要用花括号*/}
        </View>

      </View>

    );
  }

  renderPress(){
    {/*还没点击就弹窗了 花括号注释不能写到函数外 标签内注释用花括号 标签外可以用// */}

    Alert.alert(‘iOS‘)
  }

  activiEvent(event){
    this.setState({
      title:event
    })
  }

 

RN 之TouchableOpacity组件

原文:https://www.cnblogs.com/liuw-flexi/p/11512521.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!