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!!!