wkh237/react-native-animate-number

Customizable react native component for number animations.

react-native-animate-number's Issues

How to reset when changing screen and come back

Hello,
The animation works as expected after the first display, but I can't get how to reset it, to make it works for the next taps, for example when I change screen and come back to this one...

Can only update a mounted or mounting component. This usually means you called setState, replaceState, or forceUpdate on an unmounted component. This is a no-op. Please check the code for the AnimateNumber component.

When I go back to a page，find this problem

How to set start value ??

Counter always start from 0 how to set an other start value ?

Animation is broken

Using <AnimateNumber value={1000} timing="easeIn" /> shows really weird visual results. The numbers in the animation are all over the place before it reaches the final count.

es2015 preset error with this component

First of all......... thank you thank you for creating this component! I just grabbed it and I'm trying to just import it per the instructions in the README.md and I'm running into the following error. I'm on RN 0.25.1 if that matters.

How can you make two sequential counters

I would like to start a counter when another finishes counting, how can I do that?

提过问题 countBy? : ?number, 怎么理解这句话？

How to do styling like change colour, increase font on the number?

Bug: Wrong declaration of props function in index.js

So, when I used this package with my project, I encountered this bug

   17 | export default class AnimateNumber extends Component {
   18 |
  > 19 |   props : {
      |         ^
   20 |     countBy? : ?number,
   21 |     interval? : ?number,
   22 |     steps? : ?number,

Reverse count

Didn't found way animate in decrement order
eg start from 60 end with 0

Is this project abandoned?

Hi, @wkh237 there are some opened issues and unmerged pull requests here. There are no problem if this project has been abandoned just let us know. Thank you

New maintained package

Hi!

As we know this package is not maintained anymore but I still need to use this package. Therefore I'm maintaining a fork in this repo: https://github.com/bankifyio/react-native-animate-number. Pull requests and feedbacks are appreciated!

So slow onAndroid

I am now waiting it to finish the animation 😂 on android device .. It is not yet done .

However, in iOS, it works quickly

How to increase with slide up animation and decrease with slide down animation

NPM links to wrong github project

Look at:

https://www.npmjs.com/package/react-native-animate-number

The github links to another one of your projects.

Warning: componentWillUpdate has been renamed, and is not recommended for use.

See https://fb.me/react-async-component-lifecycle-hooks for details.

* Move data fetching code or side effects to componentDidUpdate.
* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: AnimateNumber

This warning comes up in dev tools for newer versions of React 16.X.

Not apply TimerMixin's componentWillUnmount

Some time show NaN and stop

how to always from 0??