Aurum · Pro Trade
Aurum · Pro Trade is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-trade-pro.
The Aurum Pro Trade screen is a full advanced-order ticket for a crypto exchange app on a near-black (0xFF0B0E11) dark theme. The app bar pins the BTC/USDT pair beside a green +2.41% change chip and an order-book list icon. Below sits a compact 150px candlestick chart drawn entirely by a CustomPainter (_CandlePainter) — twelve OHLC candles with green/red bodies, wicks and three faint grid lines, no images or glyphs. A segmented Buy/Sell toggle drives an accent color that flips the whole ticket between green and red. A tappable "Limit" order-type row, right-aligned Price (USDT) and Amount (BTC) TextFields with tabular figures and digit-only input formatters, and a 25/50/75/100% pill row size positions fast. An inline order-book strip stacks three asks and three bids with FractionallySizedBox depth bars around a mid-price plus "Spread 0.02%" / "Full book" line. A pinned bottom bar shows Available balance and a context-colored Buy BTC / Sell BTC FilledButton. Pure Flutter, bundled Inter font, backend-agnostic via onBack, onOrderType, onOrderbook and onPlaceOrder callbacks.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓_CandlePainter CustomPainter rendering 12 OHLC candles with wicks, green/red bodies and grid lines — no image or glyph assets
- ✓Buy/Sell segmented toggle whose selection recolors the accent, percent pills and place-order button green or red
- ✓Right-aligned Price (USDT) and Amount (BTC) TextFields using tabular figures and a digit/decimal input formatter
- ✓25/50/75/100% size pills that highlight with the active accent on tap via setState
- ✓Inline order-book strip: three asks + three bids with FractionallySizedBox depth bars, mid-price and 'Spread 0.02% / Full book' row
- ✓Pinned SafeArea bottom bar with Available balance and a context-colored Buy BTC / Sell BTC FilledButton, wired to onBack/onOrderType/onOrderbook/onPlaceOrder
Use cases
- ✓Advanced trading desk inside a crypto exchange or Web3 wallet app
- ✓Limit-order ticket for a DeFi or spot-trading mobile client
- ✓Pro-mode order entry with chart and order book for an investing app
- ✓BTC/USDT pair trade screen for a brokerage or asset-management product
