九、Touchable组件点击事件

142 阅读1分钟

导入组件TouchableOpacity 支持 :点击、按下、松手、长按 需要在点击的组件上覆盖一层TouchableOpacity

e.g:

// ES5的写法写类
var tempClass = React.createClass(
{
  getInitialState() {
    return{
      title:'我是一个测试' // 默认是第一个
    }
  },

  render() {
    return (
        <View style={styles.container}>
          {/* 调用方法*/}
          <TouchableOpacity
              onPress={()=>this.activityEvent('测试')}
              onPressIn={()=>this.activityEvent('测试')}
              onPressOut={()=>this.activityEvent('测试')}
              onLongPress={()=>this.activityEvent('长按')}
          >
            <Text>{this.state.title}</Text>
          </TouchableOpacity>
        </View>
    );
  },

  activityEvent(event) {
    this.setState({
      title: event
    });
  }
})