Aurum · Select Coin
Aurum · Select Coin is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-buy-select-coin.
The Aurum "Select coin" screen opens the buy/sell flow with a focused asset picker on a near-black (0xFF0B0E11) canvas. A centered AppBar with a back chevron sits above a rounded, hairline-bordered search field ("Search name or ticker") that filters live by ticker OR coin name, falling back to a "No coins match your search." empty state. A ListView.separated then renders eight assets — Bitcoin, Ethereum, Solana, BNB, USD Coin, Chainlink, Cardano, Avalanche — each row built from a tinted circular ticker badge painted from the coin's brand color, the full name, a balance line ("Balance 0.184213 BTC") or bare ticker when the holding is zero, a 46x24 inline sparkline, and a right-aligned tabular-figure USD price with a green/red signed delta. Every row is an InkWell firing onSelect(ticker); the back button uses onBack. Pure Flutter and backend-agnostic — bundled Inter font, Binance-style up/down palette, sparklines and badges all painted (no glyphs, no network image), forced dark Theme so it renders standalone as a route.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3TradeBuySelectCoinScreen with onBack and onSelect(ticker) callbacks — backend-agnostic, drop into any buy/sell flow
- ✓Live name-or-ticker search filtering an 8-coin list (BTC, ETH, SOL, BNB, USDC, LINK, ADA, AVAX) with a graceful no-results empty state
- ✓_Spark CustomPainter rendering a 46x24 inline trend line tinted green/red to match each coin's signed delta
- ✓Painted circular ticker badges from per-coin brand tints (no network images, no icon-font glyphs)
- ✓Per-row balance line that shows holdings (e.g. 'Balance 1.842 ETH') or collapses to the bare ticker when zero
- ✓Tabular-figure USD pricing with thousands grouping and signed percent delta on a forced dark Inter theme
Use cases
- ✓Entry step of a crypto buy or sell flow where the user first picks which coin to trade
- ✓Asset switcher in a Web3 wallet's convert or swap interface
- ✓Searchable token directory showing holdings, price and 24h movement at a glance
- ✓Watchlist-style coin browser feeding a checkout or order-entry screen via onSelect
