Aurum · Line Chart
Aurum · Line Chart is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-coin-chart-line.
The Aurum line-chart view is the glanceable, lighter sibling to the candlestick screen. A tabular-figures price ($64,120.42) sits above a green "+$1,508.10 (+2.41%) today" delta on the near-black 0xFF0B0E11 surface. The centerpiece is a 230px CustomPaint built by one `_LineAreaPainter`: four faint horizontal gridlines, a smooth 24-point price path stroked at 2.4px with rounded joins, a top-to-transparent green gradient fill, hollow ring markers at the period high and low, and a haloed last-price dot pinned to the right edge. Below sits a six-way range selector (1H, 1D, 1W, 1M, 1Y, ALL) rendered as Expanded GestureDetector pills; the active frame gets a gold border and filled surface via setState. Two `_MarkerCard` tiles then surface Period high and Period low, each with a directional icon and tabular value. Pure Flutter, dart: only — no network images, no glyph charts. The AppBar exposes onBack and an onCandles callback so navigation and data stay backend-agnostic; ticker is a constructor parameter. Forced dark Material3 theme and bundled Inter font keep it 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
- ✓`_LineAreaPainter` CustomPainter drawing gridlines, gradient area fill, rounded stroked price path, high/low ring markers and a haloed last-price dot
- ✓Six-frame range selector (1H/1D/1W/1M/1Y/ALL) as Expanded GestureDetector pills with gold active border, driven by setState
- ✓Tabular-figures price header with a green percentage-change delta line ($64,120.42 / +2.41%)
- ✓Two `_MarkerCard` tiles for Period high and Period low with directional icons and tabular values
- ✓AppBar with onBack and onCandles VoidCallback hooks plus a configurable `ticker` constructor parameter
- ✓Bundled Inter font and forced dark Material3 theme so the screen renders standalone with no network dependency
Use cases
- ✓Crypto wallet asset page where users want a clean trend line instead of candlesticks
- ✓Token detail screen offering a quick at-a-glance price-history toggle
- ✓Portfolio app coin view summarizing high/low over a chosen timeframe
- ✓Web3 exchange app letting traders flip between line and candlestick chart modes
