Aurum · Swapping
Aurum · Swapping is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-swap-processing.
Aurum · Swapping is the in-flight settlement screen shown after a crypto swap is submitted on-chain. A 132px CustomPaint progress ring sweeps a gold-to-amber SweepGradient arc (fraction 0.45) over a grey track, with a smaller painted route inside showing three token nodes (ETH blue, USDC blue, SOL green) joined by a hairline — both drawn purely with Canvas, no images or glyphs. Below sits the "Swapping ETH to SOL" headline and a reassuring "you can safely leave this screen" subline, then a bordered card with a 3-step vertical timeline: Submitted (done, green check), Confirming (active, pulsing dot), and Swapping (pending, hollow), with a rail that tints green as stages complete. A "Tx 0x7a3f...9c21 / View" row opens an explorer via the onViewExplorer callback; a full-width outlined "Hide — keep swapping in background" button fires onHide. Built as one self-contained StatelessWidget with a forced dark Theme, bundled Inter font, _ProgressRing/_MiniRoutePainter CustomPainters and an _StepRow timeline — backend-agnostic via two VoidCallbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_ProgressRing CustomPainter drawing a gold SweepGradient arc with rounded cap over a grey track at a configurable fraction
- ✓_MiniRoutePainter drawing three tinted token nodes (ETH/USDC/SOL) on a hairline route, no images or emoji glyphs
- ✓_StepRow timeline widget with done/active/pending states: green check, pulsing dot, hollow ring, and a tinting connector rail
- ✓Tappable 'Tx 0x7a3f...9c21 / View' explorer row wired to an onViewExplorer callback with open-in-new icon
- ✓Full-width outlined 'Hide — keep swapping in background' button wired to an onHide callback
- ✓Forced dark ThemeData, bundled Inter font, and a Spacer-balanced layout that centers on any height
Use cases
- ✓A token-swap pending screen for a Web3 / DeFi crypto wallet app
- ✓On-chain transaction settlement progress for a cross-asset exchange flow
- ✓A 'leave-while-it-confirms' background-processing state for any blockchain action
- ✓A reusable multi-step on-chain status timeline with explorer link for crypto dApps
