Aurum · System States
Aurum · System States is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-system-states.
A single drop-in screen that bundles four reusable wallet status states behind a horizontal pill segmented control: Empty, Success, Error and Maintenance. Tapping a pill calls setState and swaps the whole centred layout — a 120x120 painted illustration, an 800-weight title, a muted explanatory line, and a full-width 52px FilledButton whose colour and label change per state (gold "Make your first deposit", green "Continue", red "Retry", gold "Refresh"). The dark Aurum theme is forced locally (0xFF0B0E11 background, Binance-style gold/green/red accents, bundled Inter font) so it renders standalone as a route. Every illustration is drawn by one CustomPainter (`_StatePainter`) on a faint tinted disc: an open empty box, a tick, an X cross, and an 8-spoke gear ring — no images, no icon fonts, no network calls. A `_StateSpec` record table drives title/body/CTA/accent per kind, and the back arrow plus button fire through plain VoidCallback hooks, keeping it fully 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
- ✓Four state presets (Empty, Success, Error, Maintenance) driven by a `_StateSpec` table of title, body, CTA label and accent colour
- ✓Horizontal pill segmented control built with ListView.separated that highlights the active tab in gold and re-renders via setState
- ✓Single `_StatePainter` CustomPainter rendering box, tick, cross and 8-spoke gear vectors on tinted accent discs — no images or icon glyphs
- ✓Per-state full-width 52px FilledButton that recolours (gold/green/red) and relabels with the matching call to action
- ✓Forced dark Aurum theme with bundled Inter font, Binance-style palette (0xFF0B0E11 bg, F0B90B gold, 2EBD85 green, F6465D red)
- ✓Back-arrow and CTA wired to VoidCallback hooks so it stays pure Flutter and backend-agnostic
Use cases
- ✓Empty-wallet onboarding nudging a first crypto deposit
- ✓Post-transaction success confirmation after an on-chain action settles
- ✓Network or request failure screen with a retry action
- ✓Scheduled maintenance / app-offline notice during an upgrade
