Aurum · Payment Method — Web3 Flutter screen
Web3
41 views

Aurum · Payment Method

Aurum · Payment Method is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-buy-select-payment.

A dark, Binance-inspired payment-method chooser that funds a crypto buy on the Aurum wallet. The screen presents a vertical list of tappable funding tiles: a default Cash balance ($4,820.10 available, Free · Instant), a Visa ···· 4291 debit card (1.49% · Instant), an ACH Bank transfer via Chase (Free · 1–3 days), and Apple Pay (1.49% · Instant). Each tile pairs a rounded amber icon chip with a title, a subtitle line, a fee-and-speed line, and a trailing radio that fills gold when chosen; the active tile also gains a 1.4px amber border, and the default option carries a green "Default" pill. A dashed-feel "Add payment method" row sits below the list, and a pinned bottom bar holds the full-width gold "Use this method" button. Built in pure Flutter: a single ListView.separated over a typed _Method list (plus an extra add-row item), GestureDetector tiles driving setState selection, Material Icons for all glyphs (no network images), bundled Inter font, and a forced ThemeData.dark so it renders standalone. Wiring is backend-agnostic via onBack, onAddMethod, and onConfirm(String) callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • web3_trade_buy_select_payment_screen.dart — one self-contained StatefulWidget, pure Flutter, dart:/SDK only
  • Typed _Method model list (title, subtitle, fee, icon, isDefault) rendered via ListView.separated with a trailing add-method row
  • Single-select tiles with amber active border + gold radio (radio_button_checked/off), driven by a _sel index and setState
  • Per-method fee + speed metadata (Free · Instant, 1.49% · Instant, Free · 1–3 days) and a green 'Default' pill
  • Pinned bottom action bar with a SafeArea-wrapped full-width gold 'Use this method' FilledButton
  • Backend-agnostic callbacks: onConfirm(String method title), onAddMethod, onBack; bundled Inter font, Material-icon graphics, forced dark theme

Use cases

  • Crypto-wallet or exchange app letting buyers pick how to fund a coin purchase
  • Fiat on-ramp flow choosing between cash balance, card, bank, or Apple Pay
  • Neobank or brokerage deposit screen comparing fees and settlement speed per source
  • Checkout step in any app needing a single-select saved-payment-method list with an add-method action

Related screens