Aurum · Statistics — Web3 Flutter screen
Web3
39 views

Aurum · Statistics

Aurum · Statistics is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-coin-stats.

A focused statistics tab for a single coin in the Aurum crypto wallet, shown here for BTC. The top of the scroll is two stacked cards: "All-Time High" ($73,750.00, a red -13.1% delta, dated Mar 14, 2024) and "All-Time Low" ($67.81, a green +94,460% delta, dated Jul 6, 2013). Each card carries a slim rounded distance bar — a CustomPainter (_ProgressPainter) draws a pill track over the dark _surfaceAlt and fills it to a fraction (0.869 / 0.998) in red or green, so a glance shows how close the live price sits to that extreme. Below sits one bordered card holding seven hairline-divided rows: Market Cap, Fully Diluted, 24h Volume, Vol/Mkt Cap, Circulating Supply, Max Supply and Market Rank (#1), each label muted-left and value bold-right. Built pure Flutter (Flutter SDK + dart: only), it forces ThemeData.dark so it renders standalone as a route, bundles the Inter font, uses tabular-figure FontFeatures so numbers stay column-aligned, and takes a ticker String plus an onBack VoidCallback — fully backend-agnostic, no network images, no glyph icons in the bars.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Two _AthCard widgets (All-Time High / All-Time Low) with price, colored delta, date note and a painted distance bar
  • _ProgressPainter CustomPainter rendering a rounded pill track + red/green fraction fill (0.869 / 0.998 here)
  • Seven-row stats card (Market Cap, Fully Diluted, 24h Volume, Vol/Mkt Cap, Circulating Supply, Max Supply, Market Rank) with hairline dividers
  • Tabular-figure FontFeatures on all numeric values so prices and supply figures stay vertically aligned
  • Forced ThemeData.dark Scaffold with bundled Inter font and centered '<ticker> Statistics' AppBar
  • Configurable `ticker` String and `onBack` VoidCallback — drop in any coin and any nav handler

Use cases

  • A coin-detail statistics tab inside a crypto wallet or exchange app
  • A portfolio tracker showing how far an asset sits from its all-time high and low
  • A market-data dashboard surfacing supply, volume and rank for any token
  • A watchlist deep-dive screen for traders comparing fundamentals across coins

Related screens