Number Flow React Native
Examples

Prefix & Suffix

Static text before and after animated numbers

The prefix and suffix props add static text that animates in and out alongside the number. Useful for labels, units, and decorative text.

Notes

  • Prefix and suffix characters are treated as static symbols in the layout engine.
  • When a prefix or suffix is added or removed (e.g. changing from "" to "Score: "), each character enters with an opacity + vertical slide animation.
  • Prefix/suffix characters are keyed independently, so changing from " pts" to " points" animates only the differing characters.

On this page