Aurum · Receive — Web3 Flutter screen
Web3
20 views

Aurum · Receive

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

The Receive screen for the Aurum crypto wallet centers a deterministic QR code on a rounded white card, framed by an ETH token badge, an "Ethereum" label and the line "Scan to receive ETH and ERC20 tokens." Below sits a "Wallet address" panel showing the full 0x address wrapped across two lines, with a yellow Copy chip that swaps its copy icon and label to a check + "Copied" the instant it writes to the clipboard via Clipboard.setData. A two-up row of dark Set amount and Share buttons follows, and an amber-bordered alert warns to send only Ethereum-network assets or risk loss of funds. The QR is not an image and not from the network: a single CustomPainter (_QrPainter) generates a 29x29 module matrix from a fixed seed using an inline LCG, hand-draws the three corner finder patterns, and skips finder cells, so it renders identically offline with no glyphs. Built in pure Flutter on a forced dark theme (Inter font bundled), it is backed by ListView, AppBar share action, and onBack/onShare/onSetAmount callbacks so it drops into any wallet stack and stays 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

  • _QrPainter CustomPainter that builds a 29x29 QR matrix from a fixed seed via an inline LCG and hand-drawn corner finder patterns — no image, no network
  • Copy chip wired to Clipboard.setData that toggles icon and label to a check + 'Copied' on tap
  • Full 0x Ethereum address rendered in a bordered surface panel that wraps across two lines under a 'Wallet address' caption
  • ETH token badge, 'Ethereum' header and 'Scan to receive ETH and ERC20 tokens' subtitle block
  • Reusable _ActionButton row for Set amount and Share, plus an AppBar share icon, all driven by onBack/onShare/onSetAmount callbacks
  • Amber wrong-network warning card cautioning against sending non-Ethereum assets

Use cases

  • Receive/deposit flow in an Ethereum or EVM crypto wallet app
  • Web3 DeFi app screen for sharing a wallet address to accept ERC20 token transfers
  • Exchange or custodial app deposit screen with QR and copyable address
  • NFT or DAO app onboarding step where a user displays their address to get funded

Related screens