React Native CountDown
Run npm install react-native-countdown-component --save OR yarn add react-native-countdown-component --save
| Name | Description | Type | Default Value |
|---|---|---|---|
| style | Override the component style | object | {} |
| digitBgColor | Digit background color | string | '#FAB913' |
| digitTxtColor | Digit text color | string | '#000000' |
| timeTxtColor | Time labels text color | string | '#000000' |
| size | Size of the countdown component | number | 15 |
| until | Number of seconds to countdown | number | 0 |
| onFinish | What function should be invoked when the time is 0 | func | null |
| onPress | What function should be invoked when clicking on the timer | func | null |
| timeToShow | What Digits to show | array | ['D', 'H', 'M', 'S'] |
import CountDown from 'react-native-countdown-component';
render() {
return (
<CountDown
until={10}
onFinish={() => alert('finished')}
onPress={() => alert('hello')}
size={20}
/>
)
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent