Number Flow React Native
Examples

Currency Formatting

Animated currency display with locale-aware formatting

NumberFlow accepts Intl.NumberFormatOptions via the format prop. Combined with locales, you get locale-specific currency symbols, decimal separators, and grouping — all animating independently.

Key points

  • The format prop is passed directly to Intl.NumberFormat. Any option that works with Intl.NumberFormat works here.
  • When switching currencies, symbols like $, , and ¥ animate in and out with opacity and vertical slide transitions.
  • The locales prop controls grouping separators (1,234.56 in en-US vs 1.234,56 in de-DE) and currency symbol placement.

On this page