Aurum · Coin Detail
Aurum · Coin Detail is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-coin-overview.
The default landing tab for a coin inside the Aurum wallet. A dark AppBar pairs a gold ticker badge (BTC, a circular brand-tinted chip) with a BTC/USDT title, back chevron and star favourite action. Below, a 30px tabular-figure price ($64,120.42) sits beside a green +2.41% pill, with a sub-line restating the unit rate and 24h volume ($28.4B). The centrepiece is a 220px CustomPainter candlestick chart: green/red OHLC bodies with wicks, faint volume bars beneath, four grid lines, and a dashed gold last-price marker — plus a tap-target fullscreen button pinned top-right. A six-way timeframe row (1H/1D/1W/1M/1Y/ALL) uses Expanded GestureDetector pills that highlight the selected frame in brand gold via setState. A bordered stats card lists 24h High/Low, Market Cap, 24h Volume and Circulating supply as tabular rows. A pinned bottomNavigationBar carries full-width green Buy and red Sell FilledButtons. Pure Flutter (Inter font, no network images, hand-painted graphics); back/buy/sell/favorite/fullscreen are VoidCallbacks, so it drops into any backend.
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 OHLC bodies, wicks, translucent volume bars, a 4-line grid and a dashed gold last-price marker
- ✓Configurable ticker/name props with a circular brand-badge header, BTC/USDT title, back chevron and star favourite action
- ✓Large tabular-figure price with a signed green 24h-change pill and a unit-rate + 24h-volume sub-line
- ✓Six-frame timeframe selector (1H/1D/1W/1M/1Y/ALL) of Expanded pills that toggle the gold-highlighted state via setState
- ✓Bordered stats card with _StatRow widgets for 24h High, 24h Low, Market Cap, 24h Volume and Circulating supply
- ✓Pinned bottom Buy (green) / Sell (red) FilledButton bar wired to onBuy/onSell callbacks, plus onBack/onFavorite/onFullscreen
Use cases
- ✓Crypto exchange or trading app coin-detail landing tab
- ✓Web3 wallet's per-asset overview with quick buy/sell entry
- ✓Portfolio tracker drill-down showing price action and market stats
- ✓DeFi or token discovery app's single-coin candlestick view
