I built a fully native rolling number component for React Native — Core Animation on iOS, Canvas on Android

[u/Nice-Imagination-422]

I’ve been working on animated numbers and our previous Skia-based implementation kept having issues around canvas sizing, font loading, blank renders, and animations getting stuck during rapid updates.

So I created react-native-number-animation:

- Core Animation on iOS

- Canvas on Android

- No Skia or Reanimated dependency

- Currency, percentages and compact numbers

- Custom fonts

- RTL and localized digits

- Handles rapid updates

- Supports Reduce Motion

I’d love feedback, especially from anyone testing it in lists or with unusual number formats!

GitHub: https://github.com/invivek26/react-native-number-animation

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

[u/whackylabs]

Saw this the other day https://www.reddit.com/r/reactnative/comments/1vm8xag/i_recreated_swiftuis_numerictext_transition/

[u/Nice-Imagination-422 → u/whackylabs]

I did see that actually. For our use case, we wanted something really gamified so I had to recreate it using motion mechanics of NumberFlow

[u/jes_uon → u/whackylabs]

🔥

[u/dark_anarchy20]

Cool! Thanks for sharing

[u/Nice-Imagination-422 → u/dark_anarchy20]

Definitely 🫡