Aurum · Transaction Request — Web3 Flutter screen
Web3
22 views

Aurum · Transaction Request

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

A modal confirmation sheet that pops over a dimmed backdrop when a dApp asks Aurum to sign a transaction. The rounded-top sheet anchors to the bottom, opening with a grab handle, a bold "Confirm transaction" title and the origin line "Requested by app.uniswap.org". A green shield chip reads "Simulation: balance changes look safe". Below, a bordered card lays out label/value rows — Interact with (UniSwap Router), To (0x68b3…F1a2), Value (1.00 ETH), Function (swapExactETHForTokens), Network (Ethereum) — then a raw-calldata strip showing truncated Data hex with single-line ellipsis. A second card breaks down cost: Network fee (~ $2.40) and a bold Max total (1.0009 ETH). Two equal-width 50px actions pin the bottom: an outlined Reject and a filled gold Confirm. Built in pure Flutter — a Stack with a tap-to-dismiss Positioned.fill backdrop, an Align bottom-sheet Container, a reusable _row() helper using tabular figures, bundled Inter font and a forced dark theme. onConfirm/onReject VoidCallbacks keep it backend-agnostic; no network images or glyphs.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Bottom-anchored modal sheet with grab handle, tap-outside-to-dismiss Positioned.fill backdrop over a 55% black scrim
  • Green shield 'Simulation: balance changes look safe' safety chip rendered with a tinted rounded container and Material shield icon
  • Human-readable detail card via a reusable _row(label, value) helper: Interact with, To, Value, Function, Network
  • Truncated raw calldata strip (Data: 0x7ff36ab5…) with single-line TextOverflow.ellipsis on a darker surface
  • Cost card with Network fee and a bold Max total row using tabular-figure FontFeature for aligned numerals
  • Pinned 50px Reject (OutlinedButton) and gold Confirm (FilledButton) wired to onReject / onConfirm VoidCallbacks

Use cases

  • Wallet-side signing prompt for a Web3 / DeFi crypto wallet approving dApp swap and contract calls
  • WalletConnect or in-app browser transaction approval flow for token swaps on Ethereum
  • Pre-sign safety review step that surfaces a simulation result before a user confirms
  • Generic smart-contract interaction confirmation sheet for any EVM dApp integration

Related screens