Aurum · Swap To
Aurum · Swap To is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-swap-select-to.
The destination half of Aurum's token swap flow. A centered "Swap to" app bar with a back chevron sits above a rounded dark search field (magnifier icon, "Search name or ticker" hint, amber cursor) that filters the list live by ticker OR full name. While the query is empty a horizontal chip row offers quick picks — SOL, USDC, BTC, ETH, LINK — each a pill with a tinted circular initial badge. Below, a scrollable list shows nine tokens (Solana, Ethereum, Bitcoin, USD Coin, Chainlink, Cardano, Avalanche, Polkadot, Polygon): each row pairs a brand-tinted circular ticker badge, the coin name and symbol, a right-aligned USD price in tabular figures, and a green/red signed 24h delta. An empty search shows "No tokens match your search." Pure Flutter, no packages: badges are tinted Containers with lerped text (no network logos, NO-GLYPH safe), prices use a custom thousands-grouping helper, Inter is bundled, and the dark theme is forced so it renders standalone. Selection and back route through onSelect(ticker) and onBack callbacks, staying 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
- ✓Searchable destination-token list filtering on both ticker and coin name via a setState-driven query string
- ✓Horizontal 'popular' quick-pick chip row (SOL, USDC, BTC, ETH, LINK) that auto-hides once a search term is typed
- ✓Nine seeded token rows, each with a brand-tinted painted circular badge, name, symbol, USD price and signed 24h delta
- ✓Custom price formatter with thousands grouping, magnitude-based decimal precision and tabular figures for column alignment
- ✓Green-up / red-down delta coloring plus a graceful 'No tokens match your search.' empty state
- ✓onSelect(ticker) and onBack callbacks, bundled Inter font and forced dark Theme for clean drop-in routing
Use cases
- ✓Choosing the receive token when building a swap inside a crypto-wallet app
- ✓Token-picker sheet for a DeFi exchange or DEX aggregator front end
- ✓Destination-asset search step in an on-chain bridge or convert flow
- ✓Searchable coin directory with live price and 24h change for a portfolio app
