Aurum · Buy — Web3 Flutter screen
Web3
43 views

Aurum · Buy

Aurum · Buy is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-simple-buy.

The Buy tab of the Aurum exchange shell opens on a centered Buy/Sell segmented toggle, then a huge tabular-figure "$0" amount with a live "~ 0.000000 BTC" conversion line beneath. Three rounded preset pills ($50, $100, $500) one-tap the amount, and a tappable coin card shows a painted BTC ticker badge, "Bitcoin", and a green "$64,120.42 · +2.41%" quote. Entry runs through a fully custom 3-column numpad (digits, decimal, backspace icon) — no system keyboard — enforcing two decimal places and a nine-digit cap. A brand-yellow "Review buy" bar is pinned at the bottom and enables only once the amount exceeds zero, above a five-item nav (Home, Markets, Trade, Earn, Profile) with Trade active. Built in pure Flutter on a forced dark Binance-style theme with the bundled Inter font; the BTC badge and quote are drawn with widgets (no glyph fonts, no network images). Fiat-to-crypto math runs live in state from a const rate, and every action is a callback (onTabSelected, onSelectCoin, onReview, onToggleSell), keeping it backend-agnostic and drop-in.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Custom 3-column numpad (_Numpad GridView) with backspace icon, 2-decimal limit and 9-digit cap — no OS keyboard
  • Live fiat-to-crypto display: 52px tabular-figure dollar amount plus '~ x BTC' line computed from a const rate in state
  • One-tap $50 / $100 / $500 preset pills that overwrite the amount instantly
  • Tappable coin card with a painted BTC ticker badge, name and green +2.41% quote, wired to onSelectCoin
  • Buy/Sell segmented toggle in the AppBar and a Review-buy bar that enables only when amount > 0 (onReview)
  • Five-tab bottom nav shell (Home/Markets/Trade/Earn/Profile) with onTabSelected, Inter font, forced dark theme

Use cases

  • Crypto exchange app's quick fiat-to-BTC buy entry point
  • Web3 wallet's simple onboarding purchase flow for first-time buyers
  • Neobank or fintech app adding a one-tap crypto buy module
  • DeFi or trading product needing a keypad-driven amount-entry screen

Related screens