react-native-timestamp-timer-hooks v1.1.2

react-native-timestamp-timer-hooks

React Native Timestamp timer hooks (timer, countdown)

The timer works even when the app is in the background. (unless the app is removed from the background)

Getting started

yarn add react-native-timestamp-timer-hooks

or

npm install react-native-timestamp-timer-hooks

Import

import { useTimer, useCountdown } from 'react-native-timestamp-timer-hooks';

Usage

Example

import * as React from "react"
import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
import useTimer from '../hooks/useTimer';

const Timer = () => {
  const { counter, start, stop, reset, isStart } = useTimer({
    from: 30000,
    interval: 100,
    to: 40000,
  });

  return (
    <View>
      <View>
        <Text style={[styles.defaultText, { alignSelf: 'center' }]}>Timer</Text>
      </View>
      <View style={{ flexDirection: 'row', justifyContent: 'space-around' }}>
        <TouchableOpacity
          onPress={() => {
            if (isStart) stop();
            else start();
          }}
        >
          <Text style={styles.defaultText}>{isStart ? 'stop' : 'start'}</Text>
        </TouchableOpacity>
        <TouchableOpacity onPress={() => reset()}>
          <Text style={styles.defaultText}>reset</Text>
        </TouchableOpacity>
      </View>
      <View style={{ alignItems: 'center', marginTop: 20 }}>
        <Text
          style={[styles.defaultText, { fontSize: 24, fontWeight: 'bold' }]}
        >
          {counter}
        </Text>
      </View>
    </View>
  );
};

export default Timer;

Check out the example project for more examples.

Parameters

The useTimer, userCountdown hooks have the following parameters:

Return values

The useTimer, userCountdown hooks have the following returns values:

License

The library is released under the MIT licence.

For more information see LICENSE.