Aurum · Swap From
Aurum · Swap From is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-swap-select-from.
The "Swap from" screen is where an Aurum wallet user chooses which token to sell. A centered AppBar with a back chevron sits above a rounded search field hinting "Search your tokens", which filters the list live on every keystroke by ticker or coin name; an empty query shows everything and a no-match query swaps the list for a centered "No tokens match your search." message. Under a "YOUR TOKENS" caption a ListView.separated renders only coins you actually hold — Ethereum, USD Coin, Bitcoin, Solana, BNB and Polygon — each row showing a circular ticker badge (painted from a per-coin tint fill with a ringed border and abbreviated symbol, no glyphs or network images), the coin name, the symbol, and a right-aligned balance plus formatted USD value with grouped thousands and tabular figures so columns align. Built in pure Flutter on a forced dark ThemeData (Binance-style #0B0E11 canvas, #161A1E surfaces) with bundled Inter, it stays backend-agnostic via onBack and an onSelect(ticker) ValueChanged callback. Rows use Material InkWell ripples.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Live search TextField filtering held tokens by ticker or name via onChanged + setState, with a centered no-match empty state
- ✓Circular ticker badges drawn from a per-coin tint (fill, ringed border, abbreviated 3-letter symbol) — zero glyphs, zero network images
- ✓ListView.separated of six held assets (ETH, USDC, BTC, SOL, BNB, MATIC) each with name, symbol, balance and fiat
- ✓Right-aligned balance and USD value using FontFeature.tabularFigures() plus a thousands-grouping formatter for aligned columns
- ✓Backend-agnostic onBack and onSelect(String ticker) callbacks so wallet state lives in your app, not the widget
- ✓Self-contained forced-dark ThemeData with bundled Inter font and a #0B0E11 exchange-style palette
Use cases
- ✓Source-token selection step in a DeFi token-swap or DEX aggregator flow
- ✓Crypto wallet 'pay with' picker that only surfaces assets the user actually holds
- ✓Choosing which coin to sell in a portfolio rebalancing or convert feature
- ✓Sell-side asset chooser in a centralized-exchange-style trading app
