Aurum · Open Orders
Aurum · Open Orders is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-orders-open.
Web3OrdersOpenScreen is the working-orders tab of the Aurum exchange app, forced to a dark ThemeData on a #0B0E11 canvas. A centered AppBar shows a live "Open orders (4)" count with a back chevron. Below, a ListView.separated renders one rounded #161A1E card per resting order. Each card pairs a tinted BUY/SELL chip (green #2EBD85 or red #F6465D) with the trading pair (BTC/USDT, ETH/USDT, SOL/USDT, LINK/USDT), a muted order-type label (Limit / Stop-Limit) and a trailing chevron. A Price/Amount key-value row uses tabular figures so USDT numbers stay column-aligned. The signature detail is a slim fill bar built purely from two flex-weighted Containers inside a ClipRRect — no CustomPainter or images — paired with an "x% filled" readout (0%, 32%, 66%). Every row is wrapped in a Dismissible (endToStart) revealing a red "Cancel" background and removing the order via setState; a built-in inbox empty state ("No open orders") appears once the list drains. Pure Flutter, dart: only, fully backend-agnostic through onBack and onOrderTap(pair) callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3OrdersOpenScreen StatefulWidget exposing onBack and onOrderTap(pair) callbacks with zero backend coupling
- ✓Per-order card with tinted BUY/SELL side chip, trading pair, Limit/Stop-Limit type label and trailing chevron
- ✓Flex-weighted fill bar (two Containers in a ClipRRect) plus a live 'x% filled' percentage — no painter or network image
- ✓Dismissible endToStart swipe-to-cancel with a red Cancel background that removes the order via setState
- ✓Price and Amount key-value rows using FontFeature.tabularFigures so USDT digits stay column-aligned
- ✓Header order count that decrements live, plus a built-in inbox empty state when no orders remain
Use cases
- ✓Crypto exchange app surfacing a trader's resting limit and stop-limit orders
- ✓Web3 wallet with a built-in spot trading panel needing an open-orders view
- ✓DeFi or DEX aggregator showing pending swaps with partial-fill progress
- ✓Portfolio app letting users review and swipe-cancel working orders
