gmertk / react-native-counter

Animated counter component for React Native

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


Languages

Language:Objective-C 40.9%Language:JavaScript 31.0%Language:Python 15.2%Language:Java 12.9%