Aurum · Transaction Detail
Aurum · Transaction Detail is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-tx-detail.
A single on-chain transaction receipt for the Aurum crypto wallet, rendered on a near-black (0xFF0B0E11) Scaffold with a centered "Transaction" app bar and back chevron. The hero centers a green circular send icon, a bold tabular-figures amount "- 0.5000 ETH", a muted fiat estimate "~ $1,374.05", and a pill-shaped "Confirmed" badge. Below sits a confirmation rail card: three timeline steps (Submitted 09:42:01, Included in block 09:42:14, Confirmed · 12/12 09:43:48), each a filled green check node joined by a vertical connector built from Flutter layout (IntrinsicHeight row + Expanded 2px bar) rather than glyphs. A bordered surface card lists key/value rows — From, To, Network (Ethereum), Network fee, Block, Nonce — plus a Tx hash row whose copy icon toggles to a checkmark and writes the full 0x… hash to the clipboard via Clipboard.setData. A full-width "View on explorer" OutlinedButton with an open-in-new icon sits at the bottom. Pure Flutter, bundled Inter font, forced dark theme; onBack and onViewExplorer callbacks keep it 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
- ✓Single-file Web3TxDetailScreen StatefulWidget exposing onBack and onViewExplorer VoidCallback hooks for backend-agnostic wiring
- ✓Three-step confirmation rail built from IntrinsicHeight rows with filled green check nodes and Expanded 2px connector bars (no network image, no glyph rail)
- ✓Hero block: green send-icon disc, bold '- 0.5000 ETH' amount with FontFeature.tabularFigures, fiat estimate, and a rounded 'Confirmed' status pill
- ✓Bordered detail card listing From / To / Network / Network fee / Block / Nonce via a reusable _row helper using tabular figures
- ✓Tap-to-copy Tx hash row using Clipboard.setData that swaps the copy icon to a checkmark on _copied state change
- ✓Full-width 'View on explorer' OutlinedButton with open-in-new icon, bundled Inter font, and a forced dark ThemeData so it renders standalone
Use cases
- ✓Crypto / Web3 wallet showing the full receipt for a completed ETH send
- ✓DeFi or exchange app surfacing on-chain confirmation status and block details
- ✓Self-custody wallet linking a transaction out to a block explorer
- ✓Portfolio or staking app letting users copy a tx hash and verify settlement
