yassinedoghri / react-timer-machine Goto Github PK

import React from 'react';
import { StyleSheet,SafeAreaView, View, Text,Image } from 'react-native';
import TimerMachine from 'react-timer-machine';
import moment from "moment";
import momentDurationFormatSetup from "moment-duration-format";

momentDurationFormatSetup(moment);

class CounterScreen extends React.Component {
  state = {
    isTimerStarted: true,
  };

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <Text>
        <TimerMachine
          timeStart={10 * 1000} // start at 10 seconds
          timeEnd={20 * 1000} // end at 20 seconds
          started={this.state.isTimerStarted}
          paused={false}
          countdown={false} // use as stopwatch
          interval={1000} // tick every 1 second
          formatTimer={(time, ms) =>
            moment.duration(ms, 'milliseconds').format('h:mm:ss')
          }
          onStart={time =>
            console.info(`Timer started: ${JSON.stringify(time)}`)
          }
          onStop={time =>
            console.info(`Timer stopped: ${JSON.stringify(time)}`)
          }
          onTick={time => console.info(`Timer ticked: ${JSON.stringify(time)}`)}
          onPause={time =>
            console.info(`Timer paused: ${JSON.stringify(time)}`)
          }
          onResume={time =>
            console.info(`Timer resumed: ${JSON.stringify(time)}`)
          }
          onComplete={time =>
            console.info(`Timer completed: ${JSON.stringify(time)}`)
          }
        />
      </Text>
    );
  }
}