React-native-slot-text NPM

react-native-slot-text

To install dependencies:

bun install react-native-slot-text

This project was created using bun init in bun v1.1.21. Bun is a fast all-in-one JavaScript runtime.

https://github.com/user-attachments/assets/49671041-9481-4c04-b61d-6afdca74757d

https://github.com/user-attachments/assets/9cea5bdb-032e-4e4a-8d32-f2fa58684d9d

Usage

    <SlotText
        fontStyle={styles.animatedNumbers}
        value={`${value}`}
        prefix='$'
        animationDuration={200}
        includeComma={true}
    />

Props

Prop	Type	Default	Description
`value`	`number` \| `string`	Required	The value to animate to. Can be a number or a string of numeric characters.
`fontStyle`	`Object` (TextStyle)	Required	The style of the text, passed as a TextStyle object.
`animationDuration`	`number`	`400`	The duration of the animation in milliseconds. Only supported when `animateIntermediateValues` is `false`.
`prefix`	`string`	`""`	A prefix to the number, such as a currency symbol (e.g., `$` or `€`).
`includeComma`	`boolean`	`false`	Whether to include commas as thousand separators.
`animateIntermediateValues`	`boolean`	`false`	Whether to animate all intermediate numbers between the new value and the current value of a digit. Useful for rapidly changing values to prevent glitches in animation.