Aurum · Fullscreen Chart
Aurum · Fullscreen Chart is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-coin-chart-fullscreen.
A chart-first analysis surface for the Aurum crypto wallet. The header pins the BTC/USDT pair beside a green +2.41% change and a fullscreen-exit icon (wired to onClose), with a live OHLC strip (O 648 / H 655 / L 644 / C 645) that updates to whatever candle the crosshair sits on. The body is a single Size.infinite CustomPaint drawing 24 green/red candlesticks with wicks, five labelled price gridlines (605–664), a yellow 7-period moving-average path, faint volume bars across the lower 18%, and a dashed crosshair with a dot pinned to the selected close. Tapping anywhere hits a GestureDetector that maps localPosition.dx to a candle slot and moves the crosshair via setState. Below sit toggle chips MA(7) and VOL that show/hide the overlays, a "Tap chart to move crosshair" hint, and a six-way timeframe row (1H/4H/1D/1W/1M/ALL) with the active frame outlined in Binance-yellow. Pure Flutter, bundled Inter font, forced dark theme, tabular figures, no network images — every mark is painted on canvas, all interaction is callback-driven and 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
- ✓_FullCandlePainter CustomPainter rendering 24 OHLC candles, wicks, 5 labelled gridlines and a yellow 7-period MA path on close
- ✓Tap-to-move crosshair: GestureDetector maps dx to a candle slot, dashed cross + close-pinned dot, live O/H/L/C readout strip with tabular figures
- ✓Toggleable MA(7) and VOL indicator chips that paint/hide the moving average and the lower 18% volume bars
- ✓Six-frame timeframe row (1H/4H/1D/1W/1M/ALL) with the selected frame outlined and filled in brand yellow
- ✓Header with ticker/USDT pair, green percent-change tag and a fullscreen-exit IconButton bound to an onClose VoidCallback
- ✓Forced dark ThemeData, bundled Inter font, Binance-style palette constants, no network images — fully self-contained route
Use cases
- ✓Crypto wallet or exchange app needing an immersive landscape-style candle analysis screen
- ✓DeFi portfolio tracker offering a deep-dive technical view for a single trading pair
- ✓Trading-bot or signals app showing entry levels against a moving-average overlay
- ✓Web3 market terminal where users scrub the crosshair to inspect per-candle OHLC values
