Aurum · Category Detail
Aurum · Category Detail is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-markets-category-detail.
The category detail screen for Aurum's Web3 markets section, shown here drilled into "DeFi". A rounded summary card up top splits three sector metrics with hairline dividers: a green +2.84% average 24h, $184.2B market cap and $12.6B volume, all set in Inter with tabular figures so columns stay aligned. Below, a "8 coins" count sits opposite a yellow "Cap share" sort pill (swap-vert icon) on the dark Binance-style palette. Each token row is a tappable InkWell carrying a tinted circular ticker badge (UNI, AAVE, LINK, MKR, CRV, LDO, COMP, SNX — first three letters, color-lerped fill), the coin name, a slim painted cap-share bar beneath it, and a right-aligned price with a green/red signed percentage. The badges and the rounded cap-share bars are drawn by a CustomPainter (_CapBarPainter) — no network images, no emoji glyphs. Pure Flutter on a forced dark Theme, backend-agnostic via onBack and onCoinTap(ticker) callbacks; the category title is a parameter so any sector reuses it.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Three-metric sector header card (avg 24h, market cap, volume) with hairline _Divider separators and tabular-figure values
- ✓Tinted circular ticker badges generated from the symbol via Color.lerp — no asset images, NO-GLYPH safe
- ✓_CapBarPainter CustomPainter drawing rounded market-cap-share bars per coin, fraction clamped to bar height
- ✓Yellow 'Cap share' sort pill with swap-vert icon plus a live coin-count label
- ✓Eight tappable _CoinRow InkWells with price formatter (thousands commas, sub-$1 three decimals) and green/red signed deltas
- ✓Parameterised category title and onBack / onCoinTap(ticker) callbacks, forced dark Theme, bundled Inter font
Use cases
- ✓Crypto wallet app showing the tokens inside a sector like DeFi, Layer-1 or Gaming
- ✓Market-data or portfolio tracker drilling from a category list into its constituent coins
- ✓Exchange app surfacing per-sector cap share so traders gauge dominance within a theme
- ✓Web3 dashboard ranking tokens by market-cap weight with quick tap-through to coin detail
