react-native-zycountdown v1.2.1

react-native-zyCountDown

用于react-native的计数组件，倒计时组件

封装的一个倒计时按钮,仅仅使用TouchableOpacity，View和Text.

安装

npm i react-native-zycountdown

或者

yarn add react-native-zycountdown

##使用 两个使用方式样式分别对应下面两张图片

import CountDown from 'react-native-zycountdown';
...

<CountDown
    onClick={() => {
    ToastAndroid.show('Start counting',ToastAndroid.SHORT);
    return true}}
/>

<CountDown
    source={require('IMG/send.png')}
    style={{backgroundColor: 'blue'}}
    textStyle={{color: 'yellow'}}
    count={10}
    title={'click to start'}
    frontText={'frontText:'}
    behindText={'behindText'}
    onClick={() => {
    ToastAndroid.show('Start counting',ToastAndroid.SHORT);
    return true}}
/>


//下面这种写法，在点击方法内，我进行了逻辑判断，不符合逻辑的情况下不进行计时操作，返回false，
<CountDown
  count={10}
  onClick={this._sendMessage}
  style={{backgroundColor: 'green', height: ScreenUtil.scaleSize(30)}}/>
                            
/**
 * 执行点击方法，并进行逻辑判断，满足条件开始计时
 */
 _sendMessage = () => {
        if (“不是手机号码“) {
        //条件不符，不开始计时
            ToastAndroid.show('请输入正确的手机号码', ToastAndroid.SHORT);
            return false; 
        }
        //条件符合走下面发送验证码的方法，返回true，开始计时
        this._signInWithPhone();
        return true
 };         
 
 _signInWithPhone = async () => {...}

属性：