animated_currency_field 0.5.0 copy "animated_currency_field: ^0.5.0" to clipboard
animated_currency_field: ^0.5.0 copied to clipboard

A transparent Flutter text field where typed characters bloom from a blurry rising dot into the glyph. Tuned for amount entry, works for any text.

Changelog #

All notable changes to this project are documented here. This project follows Semantic Versioning.

0.5.0 #

Changed #

  • Fixed overflow error when text/digits getting outside of screen boundry.
  • Fixed weird animation coming when adding 0 upfront for digit only mode.

0.4.0 #

Added #

  • DotOrigin enum (bottom / top) — the dot can now descend into the glyph from above or rise from below.
  • dotExpandScale knob — the dot grows as it dissolves so it visually merges into the glyph's mass instead of fading out from a tiny point.

Changed #

  • Reworked the bloom phases for a silky-smooth handoff:
    • All opacity, scale, and blur envelopes use a smoothstep instead of linear lerps.
    • The dot now travels through the glyph rest position (rather than stopping below it), giving a wider overlap window where both layers share space.
    • Glyph and dot blur are coordinated — the dot softens into a cloud as the glyph sharpens out of it.
  • Default values tuned for a more visible, more expressive bloom (dotSize 14→16, dotTravelDistance 0.25→0.35, startBlur 22→24, startScale 0.55→0.7, overshootScale 1.08→1.05).

0.3.0 #

Fixed #

  • Fast-backspace flicker: exiting characters now stay in their original slot and play the reverse animation in place, instead of being shuffled to a separate bucket.
  • Vertical jitter when typing the first character: the row now reserves a stable height equal to the text line height regardless of content.
  • Each animated character now reserves layout space equal to its final glyph so neighbors don't shift during the bloom.

Added #

  • showPlaceholder toggle.
  • dotStartOpacity and dotTravelDistance knobs on AnimatedCharacterStyle.

Changed #

  • Renamed AnimatedCharacterStyle.riseDistance to glyphRiseDistance for clarity.
  • Cursor height matches the glyph baseline more closely; cursor uses rounded ends.

0.2.0 #

Added #

  • animationSpeed multiplier on top of animationDuration.
  • allowDecimal, maxDecimalPlaces, decimalSeparator for amount entry with smart formatting (one separator, auto-prefixed 0., capped decimals).
  • allowedPattern (RegExp) for free-form character whitelisting when digitsOnly is false.
  • prefixText / prefixStyle / showPrefix and matching suffix props — no need to build a Text widget for a currency symbol.
  • DecimalInputFormatter is exported for reuse outside the widget.

Changed #

  • Numeric keyboard now opts into the decimal pad automatically when allowDecimal is true.

0.1.0 #

  • Initial release.
  • AnimatedCurrencyField with per-character rising-dot bloom animation and reverse animation on delete.
  • Configurable AnimatedCharacterStyle (dot size, blur, rise distance, overshoot).
  • Digits-only mode by default; opt out for arbitrary text.
  • Prefix/suffix widget slots, placeholder, blinking cursor.
1
likes
160
points
42
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A transparent Flutter text field where typed characters bloom from a blurry rising dot into the glyph. Tuned for amount entry, works for any text.

Repository (GitHub)
View/report issues

Topics

#textfield #animation #input #currency #ui

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animated_currency_field