Aurum · Confirm Order
Aurum · Confirm Order is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-confirm-order.
Web3TradeConfirmOrderScreen is a modal bottom sheet that slides up over a dimmed scrim, asking the trader to commit a BTC/USDT limit order before it goes live. A green "BUY" pill sits beside the "BTC/USDT · Limit" header, with a close icon and grab-handle. The dark summary card itemises Limit price (63,900.00 USDT), Amount (0.0500 BTC), Order value, Est. fill (~100% at limit) and Fee (0.10%), then a hairline divider leads to a bolded Total cost of 3,198.20 USDT. Numbers use tabular figures so columns stay aligned. The signature control is a custom slide-to-confirm track built with LayoutBuilder and a Stack: a draggable green thumb (chevron→check icon) leaves a translucent filled trail, and onHorizontalDragEnd past 90% flips the label from "Slide to confirm buy" to "Confirmed" and fires onConfirm; releasing short snaps back to zero. Pure Flutter (no packages, no network images), forced dark Material 3 theme, bundled Inter font, with onClose/onConfirm callbacks keeping it backend-agnostic and drop-in.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓web3_trade_confirm_order_screen.dart — a self-contained modal sheet with onClose/onConfirm callbacks
- ✓Custom _SlideToConfirm track using LayoutBuilder + horizontal-drag thumb, filled trail, and 90% snap-to-confirm threshold
- ✓Itemised order-summary card: limit price, amount, order value, est. fill, fee, divider, bold total cost
- ✓_Row helper rendering label/value pairs with tabular-figure number alignment
- ✓Green BUY pill, BTC/USDT · Limit header, grab-handle, and tap-scrim dismissal
- ✓Forced dark Material 3 theme with bundled Inter font and a 0xFF0B0E11 exchange palette
Use cases
- ✓Final confirmation step before submitting a limit order in a crypto exchange app
- ✓Slide-to-confirm guard for any high-stakes financial action to prevent accidental taps
- ✓Reusable order-summary bottom sheet for buy/sell flows in a Web3 wallet
- ✓Cost-breakdown review sheet shown after a user sets price and amount on a trade ticket
