Skip to content

flextv/react-native-countdown-component

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

48 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

Preview

React Native Countdown

Code

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

render() {
    return (
      <CountDown
        until={60 * 10 + 30}
        size={30}
        onFinish={() => alert('Finished')}
        digitBgColor={'#fff'}
        digitTxtColor={'#1CC625'}
        timeToShow={['M', 'S']}
        labelM={'MM'}
        labelS={'SS'}
      />
    )
}

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%