Aurum · Swap — Web3 Flutter screen
Web3
63 views

Aurum · Swap

Aurum · Swap is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-swap-home.

The Aurum Swap home screen is a dark Binance-styled crypto convert flow. Two stacked surface cards show From (ETH, balance 1.842 ETH, editable) and To (SOL, "You receive (estimated)"), each with a rounded pill token selector — a tinted painted ticker badge (no glyph, no network image), the symbol and a chevron — plus a large tabular-figure amount on the right that auto-shrinks via FittedBox. A 40px circular swap_vert toggle straddles the gap and flips direction (ETH→SOL / SOL→ETH), recoloring badges and recomputing the converted output. Below sits a bordered info card with a "Rate" row (1 ETH = 17.97 SOL) and a "Slippage tolerance" row showing a brand-yellow 0.5% chip. A 3×4 GridView numpad (digits, dot, backspace) drives the from-amount with 6-decimal and 9-digit caps — no system keyboard — and a pinned amber "Review swap" button enables only when the value is above zero. Pure Flutter: bundled Inter font, forced dark Theme, callbacks (onBack, onSettings, onSelectFrom, onSelectTo, onReview) 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

  • Web3SwapHomeScreen StatefulWidget with onBack/onSettings/onSelectFrom/onSelectTo/onReview callbacks and forced dark Theme
  • Stacked From/To _TokenCard widgets with painted tinted ticker badges (no glyph, no network image) and FittedBox tabular-figure amounts
  • Center 40px circular swap_vert toggle that flips direction and recomputes ETH↔SOL output live
  • Custom 3×4 GridView numpad (digits, decimal, backspace) with 6-decimal / 9-digit input guards, no system keyboard
  • Bordered info card: Rate row with tabular figures and a brand-yellow 0.5% slippage chip linked to settings
  • Pinned amber Review swap FilledButton that disables until the entered amount exceeds zero

Use cases

  • Token-swap home for a self-custody Web3 wallet app
  • DEX aggregator convert screen pairing ETH and SOL
  • Crypto exchange in-app instant-convert flow
  • DeFi portfolio app's quick swap entry point

Related screens