Aurum · Swap Complete
Aurum · Swap Complete is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-swap-success.
The closing step of Aurum's token-swap flow, rendered on a near-black (#0B0E11) canvas. Centred at the top is a 96x96 success badge drawn entirely by a CustomPainter (_CheckPainter): a soft green disc, a stroked ring at 72% radius, and a rounded-cap tick path — no image asset, no icon font. Below it a bold "Swap complete" headline and a green confirmation line, "You received 8.9824 SOL". A rounded surface card (#161A1E, hairline border) lists the receipt as label/value rows: Swapped 0.5000 ETH, Received 8.9824 SOL, Rate 1 ETH = 17.96 SOL, Network fee $0.81, and a truncated Tx hash 0x7a3f...9c21 — values use tabular figures so digits stay aligned. A brand-gold "View transaction" link with an open-in-new icon sits under the card, and the bottom pins a full-width gold "Done" FilledButton plus a muted "Swap again" TextButton. Built in pure Flutter with a forced dark Theme and bundled Inter font; onDone, onSwapAgain and onViewTransaction are exposed as VoidCallbacks, keeping it backend-agnostic and drop-in.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CheckPainter CustomPainter that draws the green success badge (disc + 72% ring + rounded-cap tick) with zero image or glyph assets
- ✓Receipt summary card with reusable _Row widgets for Swapped, Received, Rate, Network fee and truncated Tx hash, all using tabular-figure number alignment
- ✓Green 'You received 8.9824 SOL' confirmation line beneath the bold 'Swap complete' headline
- ✓Brand-gold 'View transaction' link with open_in_new_rounded icon wired to an onViewTransaction callback (drop into your explorer URL)
- ✓Full-width gold 'Done' FilledButton and muted 'Swap again' TextButton with onDone / onSwapAgain VoidCallbacks
- ✓Forced ThemeData.dark, bundled Inter font and Binance-style palette (#0B0E11 / #161A1E / #F0B90B / #2EBD85) for standalone routing
Use cases
- ✓Confirmation screen for a DEX or in-wallet token swap (ETH→SOL) showing the exact received amount
- ✓Web3 / crypto-wallet apps needing a success receipt with rate, network fee and on-chain Tx hash
- ✓Cross-chain bridge or exchange flows that end on a 'View transaction' explorer hand-off
- ✓DeFi onboarding demos and templates needing a polished, painter-only swap-complete state
