Aurum · Order Detail
Aurum · Order Detail is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-orders-detail.
Aurum's Order Detail is the receipt screen a trader lands on after a limit order completes. A centered "Filled" pill (green tint), a bold "Buy 0.0120 BTC" headline and a "BTC/USDT · Limit" subtitle sit above a rounded surface card that itemizes the economics: limit price, average fill price, filled vs. requested size, order value, a 0.10% fee line, a hairline divider and a bold Total of 768.89 USDT. Below a "Fill timeline" label, a second card renders a vertical step rail — three checkmarked green circles connected by a 2px green spine — walking through Order placed, Partially filled and Fully filled, each with a timestamped detail line. A footer pairs the immutable Order ID #AURM-7731 with a gold "Trade again" tap target. It is pure Flutter on a forced dark ThemeData.dark scaffold: the timeline is built from layout widgets (Container circles, an Expanded ColoredBox connector, IntrinsicHeight rows) — no glyph fonts, no network images — and all numeric values use tabularFigures for clean column alignment. onBack and onTradeAgain 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
- ✓Centered status header: green-tinted 'Filled' pill, 24px 'Buy 0.0120 BTC' headline and 'BTC/USDT · Limit' subtitle
- ✓Economics summary card with _Row entries (limit/avg price, filled, order value, 0.10% fee), hairline _Divider and a bold 768.89 USDT total
- ✓Painted 'Fill timeline' rail built from check-circle Containers + Expanded ColoredBox connectors via IntrinsicHeight — no SVG, no glyphs
- ✓Three data-driven timeline steps (Order placed, Partially filled, Fully filled) with timestamped detail lines
- ✓tabularFigures FontFeature on every value so prices and BTC amounts align in clean columns
- ✓Footer with static Order ID #AURM-7731 and gold 'Trade again' GestureDetector wired to onTradeAgain (plus onBack appbar)
Use cases
- ✓Crypto exchange app showing a completed limit-order receipt with fee breakdown
- ✓DeFi or web3 wallet displaying fill history and execution timeline for a trade
- ✓Trading terminal 'order detail' drill-down from an open or historical orders list
- ✓Brokerage-style app confirming an executed buy with average fill price and total cost
