React-native防多次重复点击

1>constructor函数中加入属性:

constructor(props){
    super(props);
    this.state = {

      waiting: false,//防多次点击
    }
}

2>在TouchableOpacity中,包括其他Touch几个组件都可以使用:

<TouchableOpacity activeOpacity={
 
 0.65}  disabled={
 
 this.state.waiting} 
  onPress={() => this._repeatClick(navigate)}>   

   <Text style={
 
 {
 
 color:'white',fontSize:18}}>{
 
 '确认修改'} </Text>

</TouchableOpacity>

3>利用定时器写延迟逻辑:

_repeatClick(navigate){
    this.