react-native-countdown

React Native CountDown

Installation

Run npm install react-native-countdown-component --save OR yarn add react-native-countdown-component --save

Props

| Name | Description | Type | Default Value |
| :--- | :----- | :--- | :---: |
| style | Override the component style | object | {} |
| digitBgColor | Digit background color | string | !#FAB913 '#FAB913' |
| digitTxtColor | Digit text color | string | !#000000 '#000000' |
| timeTxtColor | Time labels text color | string | !#000000 '#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'] |
| labelD/H/M/S | Text to show in label | string | 'Days' / 'Hours' / 'Minutes' / 'Seconds' |

Preview

!React Native Countdown

Code

``javascript
import CountDown from 'react-native-countdown-component';

render() {
return (
until={10}
onFinish={() => alert('finished')}
onPress={() => alert('hello')}
size={20}
/>
)
}
``