Aurum · Order History
Aurum · Order History is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-orders-history.
A dark, exchange-style order history screen for the Aurum crypto wallet. A centered "Order history" app bar sits above a horizontal row of pill filter chips — All, Filled, Cancelled — where the active chip glows in Aurum's amber brand color with a tinted fill. Below, settled orders are grouped under date headers (Today, Yesterday, Jun 26), each group a rounded card with hairline-divided rows. Every row shows a green "Buy" or red "Sell" tag beside the pair (BTC/USDT, ETH/USDT, SOL/USDT, BNB/USDT, LINK/USDT), a muted amount-@-price-·-time line in tabular figures so columns stay aligned, and a right status pill — green "Filled" or grey "Cancelled". Built in pure Flutter: a SafeArea Column holds a horizontal ListView.separated of GestureDetector chips and a scrolling ListView of grouped cards. Tapping a chip drives setState filtering; tapping a row fires onOrderTap(pair) and the back arrow fires onBack, keeping it backend-agnostic. Inter is bundled and the dark theme is forced so it renders standalone as a route.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3OrdersHistoryScreen StatefulWidget with onBack and onOrderTap(String pair) callbacks for backend-agnostic wiring
- ✓Horizontal ListView.separated of All/Filled/Cancelled pill chips with amber-tinted selected state driven by setState
- ✓Date-grouped order cards (Today/Yesterday/Jun 26) as rounded surfaces with hairline BorderSide row dividers
- ✓Per-row green Buy / red Sell tag, pair label, and amount @ price · time line using FontFeature.tabularFigures
- ✓Right-aligned Filled (green tint) and Cancelled (grey) status pills computed from each order's status code
- ✓Forced dark ThemeData, bundled Inter font, and a Binance-style palette (amber brand, green/red sides) — pure Flutter, no network images
Use cases
- ✓Crypto exchange or Web3 wallet app showing a trader's settled and cancelled order log
- ✓DeFi trading dashboard needing a date-grouped transaction history with status filtering
- ✓Brokerage or stock-trading app reusing the grouped Buy/Sell row layout for closed positions
- ✓Portfolio or P2P marketplace app presenting past order activity with filterable Filled/Cancelled states
