{"repo":"BouarourMohammed/react-native-animated-rolling-numbers","free":true,"listed":false,"github":"https://github.com/BouarourMohammed/react-native-animated-rolling-numbers","clone":"git clone https://github.com/BouarourMohammed/react-native-animated-rolling-numbers.git","description":"🚀 The Animated Rolling Numbers component for React Native seamlessly blends a sophisticated number rotation effect with dynamic value updates, creating an engaging and interactive experience that enhances your user interfaces with a touch of elegance and excitement.","language":"TypeScript","stars":273,"topics":["animated-number","react-native","animated-rollilng-numbers"],"license":null,"category":"mobile-apps","readme_excerpt":"React Native Animated Rolling numbers ✨ react-native-animated-rolling-numbers is a React Native component that animates numbers and compact notations (K, M, B, T) with customizable styles and animations. It's designed to create smooth, eye-catching transitions between numeric values. The example shown in the video is available here. Features - ✨ Supports animated transitions for numeric values and symbols (e.g., commas, dots). - 🎨 Customizable digit styles and animation configurations. - 📏 Handles compact number formatting (e.g., 1K, 1M, etc.). - 🔧 Easily customizable via props. - 🌀 Supports reduce-motion and easing functions for animations. - 🔢 Designed for both regular numbers and formatted numbers with signs (positive/negative) and commas. Installation [!IMPORTANT] This library relies on react-native-reanimated. You must install react-native-reanimated separately in your project. This is a peer dependency. Make sure you have react-native-reanimated installed in your project. Follow the official installation guide here: react-native-reanimated installation. Usage Basic Example The example shown in the video is available here. Props value: number The numeric value to be displayed and animated. showSign?: boolean Whether to show the sign of the number (e.g., \"+\" or \"-\"). Defaults to false . showMinusSign?: boolean Whether to show the minus sign for negative numbers. Defaults to true . showPlusSign?: boolean Whether to show the plus sign for positive numbers. Defaults to ","default_branch":null,"files":null,"tree":[],"storefront":"/r/BouarourMohammed","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/BouarourMohammed/react-native-animated-rolling-numbers/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}