Aurum · Network Fee
Aurum · Network Fee is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-send-network-fee.
The Network Fee step of Aurum's crypto-send flow, on a near-black 0xFF0B0E11 canvas with a centred "Network fee" app bar and back chevron. A muted caption explains that higher fees are prioritised by validators, then three tappable fee cards stack vertically: Slow (~5 min, 18 gwei, $1.42), Normal (~45 sec, 24 gwei, $1.89) and Fast (~15 sec, 32 gwei, $2.51). Each card pairs a small arc speed gauge — drawn by a CustomPainter that strokes a grey track arc plus a coloured fill arc proportional to the tier, in green/amber/red — with the tier name, ETA, gwei rate, a tabular-figure dollar cost and a radio dot. The selected card (Normal by default) gets a 1.5px gold 0xFFF0B90B border and a checked radio. Below sits a "Custom gas" row that, when tapped, expands a digit-only TextField (gwei suffix) so power users can override the rate. A pinned gold "Confirm fee" button sits in a hairline-topped bottom bar. Pure Flutter: bundled Inter font, forced dark theme, selection via setState, and onBack/onNext callbacks keep it backend-agnostic.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Three selectable fee-tier cards (Slow/Normal/Fast) each with ETA, gwei rate and tabular-figure dollar cost
- ✓_SpeedPainter CustomPainter that draws a track arc plus a fraction-filled coloured gauge per tier (no glyph, no network image)
- ✓Gold-border + checked-radio active state driven by setState, with Normal preselected
- ✓Collapsible 'Custom gas' row expanding a digits-only TextField with FilteringTextInputFormatter and a gwei suffix
- ✓Pinned 'Confirm fee' FilledButton in a hairline-topped, SafeArea-wrapped bottom bar
- ✓onBack / onNext VoidCallback hooks and bundled Inter font for drop-in, backend-agnostic wiring
Use cases
- ✓Self-custody crypto wallet letting users trade speed against cost before broadcasting a transfer
- ✓EVM/web3 dApp send flow needing a gas-tier picker with custom-gwei override
- ✓DeFi or NFT app surfacing slow/normal/fast confirmation estimates ahead of signing
- ✓Exchange withdrawal screen where users choose a network fee priority before confirmation
