Aurum · Deposit Network
Aurum · Deposit Network is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-deposit-network.
The network-selection step of Aurum's USDC deposit flow, on a near-black #0B0E11 canvas. A centered "Select network" app bar with a back chevron sits above a muted "Deposit USDC" label, then four tappable chain cards: ERC20 (Ethereum) with a gold "Recommended" pill, BEP20 (BNB Smart Chain), Arbitrum One (Layer 2 rollup) and Polygon (PoS bridge). Each card fuses subtitle, fee estimate (~$2.40 to ~$0.04) and arrival time (~1-3 min) into one metadata line, with a circular radio at right. The selected card lifts to a brighter surface with a gold border and filled radio dot, driven by setState and a _selected index. Below, a translucent amber-bordered banner warns that the wrong network can permanently lose funds. A pinned bar holds a full-width gold "Continue" button. Pure Flutter (SDK + dart: only): GestureDetector rows, Container decorations and a hand-built radio circle, with no Material Radio, no network images and no glyph fonts. The bundled Inter font and forced dark Theme render it standalone, while onBack and onConfirm(network) 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
- ✓Four hand-built selectable network cards (ERC20, BEP20, Arbitrum One, Polygon) each fusing subtitle, fee estimate and arrival time into one metadata line
- ✓Single-select state via a _selected index and setState that swaps surface color, gold border and a custom-drawn filled radio dot instead of a Material Radio widget
- ✓A tinted gold 'Recommended' pill badge rendered as a rounded Container on the ERC20 row
- ✓Amber wrong-network warning banner with translucent fill, border and warning_amber icon cautioning about permanent loss of funds
- ✓Pinned bottom navigation bar with a hairline top border and a full-width gold Continue button wired to onConfirm with the chosen network string
- ✓onBack and onConfirm(String network) callbacks, bundled Inter font and a forced dark Theme so the route renders standalone and backend-agnostic
Use cases
- ✓A crypto wallet or exchange app where users pick a chain before depositing a token like USDC
- ✓An onboarding deposit flow that surfaces per-network gas fees and confirmation times to guide cheaper transfers
- ✓A Web3 finance product needing a clear wrong-network warning to prevent irreversible fund loss
- ✓A multi-chain DeFi or bridge app letting users choose between Ethereum, BNB Chain, Arbitrum and Polygon
