react-native-countdown2
Version:
39 lines (34 loc) • 1.18 kB
Markdown
# 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}/>
```