react-native-second-countdown v1.0.3

react-native-second-countdown

Usage 使用

import SecondCountdown from 'react-native-second-countdown';
  
  componentDidMount() {
	  // 初始化时开启倒计时则主动调用，配合ref={(e) => { this.countDownButton = e; }}使用
	this.countDownButton.startCountDown(()=>{
		// 这里执行发送短信验证码
		msg.emit('app:tip', { text: '发送短信验证码，开始倒计时' });
	});
  }

// TODO: What to do with the module?
<SecondCountdown 
    id='test'
	style={styles.sendBtn}
	count={10}
	pressAction={this.sendMsgCode}
	changeWithCount={(count) => `${count}秒后重试`}
	ref={(e) => { this.countDownButton = e; }} // 初始化开启倒计时时需要
/>

sendMsgCode = (startCountDownCallback) => {
	startCountDownCallback(() => {
		// 这里执行发送短信验证码
		msg.emit('app:tip', { text: '发送短信验证码，开始倒计时' });
	});
}

Prop Introduce 属性介绍