react-native-countdown2

React Native 倒计时组件

Usage no npm install needed!

<script type="module">
  import reactNativeCountdown2 from 'https://cdn.skypack.dev/react-native-countdown2';
</script>

README

react-native-countdown2

Rreact Native 倒计时组件

Getting started

1.安装

npm
$ npm i react-native-countdown2 --save
yarn
$ yarn add react-native-countdown2

2.导入

import CountDown from 'react-native-countdown2';

Properties

Prop Default Type Description
  time                null       Number      倒计时结束时间戳        
  endTitle             已结束       String      倒计时结束后显示的文字    
  endFunc        null     Function    倒计时结束回调
renderCountDown   null             Function         自定义倒计时，接收一个参数可以获取倒计时

Example

<CountDown
   endFunc={() => console.log(item.name)}
   style={styles.countDown}
   endTitle="结束一波"
   renderCountDown="(date) => <Text>{date.days}:{date.hours}:{date.minutes}:{date.seconds}</Text>"
   time={this.state.time}/>