Aurum · Send Amount
Aurum · Send Amount is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-send-amount.
The amount step of Aurum's crypto send flow. A pinned "To 0x8f3a...9D02" recipient chip with a yellow ETH token badge sits below the centered "Amount" app bar so users never lose track of the destination. The hero is a 40px tabular-figures amount reading "0 ETH", with a tappable "~ $0.00" sub-line and a swap_vert icon that flips between entering in ETH and entering in USD; the secondary line mirrors the converted value. A "Balance 2.4180 ETH" row carries a yellow "Max" pill that fills the full balance in one tap. Input comes from a custom 3-column GridView numpad (1-9, dot, 0, backspace) rather than the OS keyboard, with decimal-place caps of 6 for crypto and 2 for fiat. Validation is live: typing past the balance turns the figure and label red ("Exceeds balance") and the brand-yellow "Next" button stays disabled until the amount is positive and within balance. Pure Flutter on a forced dark theme (0xFF0B0E11), bundled Inter font, no network images or glyph assets; navigation runs through onBack and onNext callbacks so it drops into any wallet stack backend-agnostically.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓StatefulWidget tracking an _entry string with ETH/USD conversion and live over-balance detection driving red error styling
- ✓Custom 3x4 GridView.count numpad (digits, decimal, backspace) replacing the OS keyboard, with InkWell ripples and decimal-cap logic
- ✓Tap-to-swap unit toggle via swap_vert icon switching the hero between ETH-denominated and USD-denominated entry
- ✓Yellow Max pill that sets the field to the full 2.4180 ETH balance and forces crypto mode in one tap
- ✓Brand-yellow FilledButton 'Next' gated on _valid, with disabled grey surface state until the amount is in range
- ✓Recipient summary chip with painted ETH token badge, plus onBack/onNext callbacks for backend-agnostic navigation
Use cases
- ✓Send-amount entry step in a self-custody crypto wallet's transfer flow
- ✓Web3 exchange app where users key in an ETH withdrawal before fee and confirm
- ✓DeFi or token-transfer screen needing fiat/crypto toggle and balance-aware validation
- ✓Any payments app wanting a custom in-app numpad with Max and live over-balance guards
