New React Native CountDown Component
npm install new-react-native-countdown-componentnpm install new-react-native-countdown-component --save OR yarn add new-react-native-countdown-component --save
'#FAB913'} |
'#000'} |
'#000'} |
'#000'} |
javascript
import CountDown from 'new-react-native-countdown-component';
render() {
return (
until={10}
onFinish={() => alert('finished')}
onPress={() => alert('hello')}
size={20}
/>
)
}
`
Custom Styling Example
!React Native Countdown
Code
`javascript
import CountDown from 'react-native-countdown-component';
render() {
return (
until={60 * 10 + 30}
size={30}
onFinish={() => alert('Finished')}
digitStyle={{backgroundColor: '#FFF'}}
digitTxtStyle={{color: '#1CC625'}}
timeToShow={['M', 'S']}
timeLabels={{m: 'MM', s: 'SS'}}
/>
)
}
`
Separator Example
!New React Native Countdown
Code
`javascript
import CountDown from 'new-react-native-countdown-component';
render() {
return (
size={30}
until={1000}
onFinish={() => alert('Finished')}
digitStyle={{backgroundColor: '#FFF', borderWidth: 2, borderColor: '#1CC625'}}
digitTxtStyle={{color: '#1CC625'}}
timeLabelStyle={{color: 'red', fontWeight: 'bold'}}
separatorStyle={{color: '#1CC625'}}
timeToShow={['H', 'M', 'S']}
timeLabels={{m: null, s: null}}
showSeparator
/>
)
}
``