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.setState({waiting: true});
    this._changePsd(navigate);//这里写你原本要交互的方法
    setTimeout(()=> {
        this.setState({waiting: false})
    }, 2000);//设置的时间间隔由你决定
}

ok!!!