react-native-pure-timer

REACT NATIVE TIMER - PURE JS

Timer for React Native written in pure js using Async Storage.

Works in background. To be honest it should work even when you turn off your phone (it just writes timestamps to async storage).

Usage

        <Timer btnStart={styles.btn} passSecondsToParent={this.getSeconds}  />

Props

Property	Type	Default	Description
startText	string	Start	text on start button
stopText	string	Stop	text on stop button
resetText	string	Reset	text on reset button
passSecondsToParent	function	()=>{}	function to pass time to parent container

Styles

Default style object (you can overwrite it all and pass it via props):

const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    width: '90%',
  },
  containerStart: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: 30,
    marginRight: 5,
    backgroundColor: 'green',
    borderRadius: 5,
  },
  containerStop: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: 30,
    marginRight: 5,
    backgroundColor: 'crimson',
    borderRadius: 5,
  },
  containerReset: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: 30,
    marginRight: 5,
    backgroundColor: 'orange',
    borderRadius: 5,
  },
  containerDisabled: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: 30,
    marginRight: 5,
    backgroundColor: 'grey',
    borderRadius: 5,
  },
  containerTime: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    height: 30,
  },
  btnStart: {
    color: 'white',
  },
  btnStop: {
    color: 'white',
  },
  btnReset: {
    color: 'white',
  }
});