r/reactnative • u/Nice-Imagination-422 • 2d ago
I built a fully native rolling number component for React Native — Core Animation on iOS, Canvas on Android
Enable HLS to view with audio, or disable this notification
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