Aurum · Request Amount — Web3 Flutter screen
Web3
23 views

Aurum · Request Amount

Aurum · Request Amount is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-receive-request.

A dark-themed (#0B0E11) crypto-wallet "Request amount" screen for the Aurum app, built for asking someone to pay an exact figure. A centered AppBar with a back chevron sits above a tall amount field: a 26px tabular-figure TextField (autofocus, decimal keyboard, digits-and-dot input formatter, amber #F0B90B cursor) paired with a rounded "ETH" pill carrying a dropdown chevron. A caption flips live between "Enter an amount to request" and a "~ $… USD" estimate from a fixed ETH/USD rate as you type. The centerpiece is a 200x200 QR on a white card, drawn by a CustomPainter (_QrPainter) — a deterministic 27x27 LCG matrix with three finder squares, no Math.random and no network image — fading from 35% to full opacity once an amount exists. A "Payment link" row shows aurum.app/pay/0x8f3a…9D02?amount= with an amber copy icon that swaps to a check via Clipboard. A pinned "Share request" FilledButton enables only with an amount. Pure Flutter, Inter font bundled, backend-agnostic via onBack/onShare callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Autofocus amount TextField with FilteringTextInputFormatter (digits + dot), 26px tabular figures, amber cursor, and a 0.00 hint
  • Live fiat caption that recomputes a '~ $… USD' estimate from a fixed ETH/USD rate or shows 'Enter an amount to request' when empty
  • Seeded _QrPainter CustomPaint: deterministic 27x27 LCG matrix with three finder squares, white card, fading from 35% to full opacity with a valid amount
  • Copyable 'Payment link' row showing aurum.app/pay/0x8f3a…9D02?amount=<value> with a copy icon that flips to a check via Clipboard.setData
  • Rounded 'ETH' asset pill with dropdown chevron next to the amount input
  • Pinned-bottom 'Share request' FilledButton that disables until an amount is entered, with onBack/onShare callbacks (backend-agnostic)

Use cases

  • A Web3 wallet letting a user request a precise ETH amount from a friend or client
  • Crypto invoicing or freelancer 'pay me' flows that need a shareable amount-encoded link
  • Peer-to-peer split-the-bill or reimbursement requests inside a self-custody app
  • Merchant checkout where a buyer scans a QR pre-filled with the exact crypto total

Related screens