Skip to content

Animated counter component for React Native with Format numbers in thousands (K).

Notifications You must be signed in to change notification settings

zeabdelkhalek/react-native-counter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Native Counter

Simple counter component for React Native inspired by react-count-to and react-counter.

gif

Installation

npm install --save react-native-counter

Usage

import Counter from 'react-native-counter';

<Counter
  end={}                        // REQUIRED End of the counter
  start={0}                     // Beginning of the counter
  time={1000}                   // Duration (in ms) of the counter
  digits={0}                    // Number of digits after the comma
  easing="linear"               // Easing function name
  onComplete={}                 // Callback when the counter is completed
  style={}                      // Custom style
/>

The easing prop is a string corresponding to one of any function from eases.

License

MIT

About

Animated counter component for React Native with Format numbers in thousands (K).

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Objective-C 37.8%
  • JavaScript 36.1%
  • Starlark 14.1%
  • Java 12.0%