当前位置: 首页 > 工具软件 > SmsCode > 使用案例 >

react-native实现验证码倒计时react-native-smscode-count-down

井昊乾
2023-12-01
import CountDownButton from 'react-native-smscode-count-down';

//页面渲染
<CountDownButton
   style={styles.codeButton}
   textStyle={{color: '#fff'}}
   timerCount={60}
   timerTitle={'获取验证码'}
   enable={this.state.newPhoneNumber.length > 10}
   timerActiveTitle={['重新获取(','s)']}
   disableColor={"#333"}
   onClick={(shouldStartCounting)=>{
      this.sendCode(shouldStartCounting);//发送验证码调用的方法
   }}
   timerEnd={()=>{
   }}/>

//发送验证码方法
sendCode(shouldStartCounting){
   shouldStartCounting(true);//获取验证码改变状态    
}

 

 类似资料: