React Native Counter
Simple counter component for React Native inspired by react-count-to and react-counter.
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
/>
Reset from parent view
import Counter from 'react-native-counter';
<Counter
...
ref={counter => this.counter = counter}
/>
// Example method restarting the counter
resetCounter() {
this.counter.reset();
}
The easing prop is a string corresponding to one of any function from eases.
License
MIT