Aurum · Recent Trades
Aurum · Recent Trades is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-recent-trades.
Recent Trades is the live time-and-sales tape for Aurum's BTC/USDT pair. Under a centered "BTC/USDT · Trades" app bar with a back chevron sits a segmented Market / My trades toggle in a rounded, hairline-bordered pill, the active segment lifting onto a lighter surface. A three-column header — Price (USDT), Amount (BTC), Time — labels the scrolling ListView.builder beneath it: fifteen executed prints where the price colour encodes side (mint green for buys, rose-red for sells), the BTC amount in bright text and the HH:MM:SS timestamp in muted grey. Numbers use FontFeature.tabularFigures so digits stay column-aligned as the tape ticks. Selecting My trades swaps the list for a centered empty state — a receipt icon, "No trades yet" and a "Your fills on this pair will appear here." caption. Built in pure Flutter against the dark exchange palette (0xFF0B0E11 canvas), bundled Inter, and a forced dark Theme so it renders standalone. The trade rows are plain Dart data and the back button is a VoidCallback, so you drop in your own websocket feed and navigation.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Segmented Market / My trades toggle built from an Expanded Row of GestureDetector tabs that swap the body via setState
- ✓ListView.builder trade tape of 15 prints, each row colouring the price green for a buy or rose-red for a sell
- ✓Three-column Price (USDT) / Amount (BTC) / Time layout using Expanded cells with right-aligned text
- ✓FontFeature.tabularFigures on every price, amount and timestamp so digits stay column-aligned as the feed updates
- ✓Built-in empty state (receipt_long icon, 'No trades yet' headline and caption) shown when My trades is active
- ✓Self-contained dark exchange theme with bundled Inter, an onBack VoidCallback and inline trade data ready for any feed
Use cases
- ✓Crypto exchange app showing the live trade tape beneath a chart
- ✓DEX or web3 wallet surfacing recent on-chain fills for a pair
- ✓Trading terminal where users toggle between market trades and their own fills
- ✓Portfolio app pairing the order book and depth with a recent-trades panel
