@ehp/react-native-countdown-timer v0.0.2

Countdown Timer for React Native

A package which is a port of @uken's react-countdown-timer for React Native with animations (coming soon).

Quick Start

Due to my lack of knowledge in npm, the only current way is to add the files directory to your project. Any guidance in publishing to npm properly would be much appreciated.

Example

export default class YourComponent extends Component {
  constructor(props) {
    super(props)
  }

  _onTick() {
    console.log(`_onTick`)
  }

  _onFinish() {
    console.log(`_onFinish`)
  }

  render() {
  	let till = new Date('5/14/2016 13:56:00')
    return (
      <View>
        <CountdownTimer
          till={till}
          renderTick={(data) => <TimeLabel {...data} />}
          onTick={this._onTick.bind(this)}
          onFinish={this._onFinish.bind(this)}
        />
      </View>
    )
  }
}

class TimeLabel extends Component {
  render() {
    return (
      <View>
        <Text>
          {this.props.hours} : {this.props.minutes} : {this.props.seconds}
        </Text>
      </View>
    )
  }
}

Props

*required

Todo (PRs welcome!)

• Add animations
• Handle passed dates, etc.