animated_currency_field 0.5.0
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 #
DotOriginenum (bottom/top) — the dot can now descend into the glyph from above or rise from below.dotExpandScaleknob — 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 (
dotSize14→16,dotTravelDistance0.25→0.35,startBlur22→24,startScale0.55→0.7,overshootScale1.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 #
showPlaceholdertoggle.dotStartOpacityanddotTravelDistanceknobs onAnimatedCharacterStyle.
Changed #
- Renamed
AnimatedCharacterStyle.riseDistancetoglyphRiseDistancefor clarity. - Cursor height matches the glyph baseline more closely; cursor uses rounded ends.
0.2.0 #
Added #
animationSpeedmultiplier on top ofanimationDuration.allowDecimal,maxDecimalPlaces,decimalSeparatorfor amount entry with smart formatting (one separator, auto-prefixed0., capped decimals).allowedPattern(RegExp) for free-form character whitelisting whendigitsOnlyis false.prefixText/prefixStyle/showPrefixand matching suffix props — no need to build aTextwidget for a currency symbol.DecimalInputFormatteris exported for reuse outside the widget.
Changed #
- Numeric keyboard now opts into the decimal pad automatically when
allowDecimalis true.
0.1.0 #
- Initial release.
AnimatedCurrencyFieldwith 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.