React Native Countdown

React Native Countdown is a component that displays countdown for React Native.

Installation

npm install yd-react-native-countdown

Getting started with React Native Countdown

Here is an example of a basic app using React Native Countdown:

import Countdown from "yd-react-native-countdown";

// Countdown 50 seconds to 2 seconds
<Countdown from={50000} to={2000} style={{ backgroundColor: "#ffffff88" }} isRunning={isRunning} />;

React Native Countdown Props

| Props | Description | isRequire | default | | --------------------- | ----------- | --------- | --------- | | from | number | No | 10000 | | to | number | No | 0 | | isRunning | boolean | No | false | | format | string | No | "{i}:{s}" | | style | ViewStyle | No | {} | | styleText | TextStyle | No | {} | | callback | () => void | No | () => {} | | beatEffectAtTheEnd | boolean | No | false | | lastSecondsWithEffect | number | No | 10000 |

format

| Character | Description | Example returned values | | --------- | ------------------------------- | ----------------------- | | {s} | Seconds with zeros to the left | 00 through 59 | | {i} | Minutes with zeros to the left | 00 to 59 | | {h} | Hours with zeros to the left | 01 through 12 | | {g} | Hours without zeros to the left | 1 through 12 |