yd-react-native-countdown

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