Aurum · Transactions
Aurum · Transactions is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-tx-history.
Web3TxHistoryScreen is the unified activity log for the Aurum crypto wallet. A centered "Transactions" app bar with a back chevron sits over a near-black canvas. Below it a horizontally scrolling row of pill filter chips — All, Send, Receive, Swap, Stake — toggles the list; the active chip fills gold, the rest stay muted grey. The body is a ListView grouped under date headers (Today, Yesterday, Jun 26). Each row pairs a 42px circular icon — down-arrow receive (green), up-arrow send (red), swap-horiz (gold), savings stake (purple), tinted at 14% alpha — with a two-line title/subtitle (counterparty address, exchange, or "Aurum Earn · 6.2% APY") plus time, and a right-aligned signed token amount over its USD value. Amounts use tabular figures so columns align; received values render green. Built in pure Flutter: an enum-driven _TxKind switch picks icon and tint, a where() filter re-renders rows on setState, and empty groups collapse. onBack and onTxTap callbacks keep it backend-agnostic; Inter is bundled and a forced dark Theme renders it standalone.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3TxHistoryScreen StatefulWidget with onBack and onTxTap callbacks for backend-agnostic wiring
- ✓Horizontal filter-chip bar (All/Send/Receive/Swap/Stake) driving live setState where() filtering of the list
- ✓Date-grouped ListView (Today/Yesterday/Jun 26) with muted section headers that collapse when a filter empties them
- ✓Enum-driven _TxKind row builder mapping send/receive/swap/stake to Material icons and per-type tint circles at 14% alpha
- ✓Signed token amount + fiat sub-value column using FontFeature.tabularFigures for aligned numerals, green for received
- ✓Self-contained styling: bundled Inter font, forced ThemeData.dark, no network images or glyph dependencies
Use cases
- ✓Activity/history tab inside a multi-chain crypto wallet app
- ✓Transaction feed for a DeFi or staking-focused mobile product
- ✓Account ledger view for an exchange or on/off-ramp app
- ✓Portfolio companion app showing send, receive, swap and stake events
