Aurum · Holdings
Aurum · Holdings is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-home-holdings.
Holdings is Aurum's full asset roster screen, rendered on a near-black exchange-style canvas. A centered "Holdings" app bar with a back chevron sits above a "Sort by" row whose three pills — Value, 24h % and Name — toggle the live ordering, the active pill outlined and tinted in the amber brand colour. Below a hairline divider, a ListView.separated streams each coin as a tappable row: a tinted circular ticker badge (BTC, ETH, SOL, USD, LIN, ARB) painted from the asset's brand colour, the full name, the spot price with a signed 24h percentage in green for gains or red for losses, a 52x26 inline sparkline, and the position's dollar value in tabular figures. The sparkline is drawn by a CustomPainter that normalises seven points to a rounded-join stroke coloured to match the row's direction. Built in pure Flutter (SDK + dart: only): no network images, no icon glyphs. Sorting is local setState over a copied list, and onBack plus onAssetTap(ticker) callbacks keep it backend-agnostic and drop-in. A forced dark Theme and bundled Inter font let it render standalone as a route.
Reveal the one-line command to drop this screen into your project.
Licensed for unlimited commercial projects · resale prohibited · License
What's included
- ✓Web3HomeHoldingsScreen StatefulWidget with onBack and onAssetTap(String ticker) callbacks for backend-agnostic wiring
- ✓Three-pill 'Sort by' control (Value, 24h %, Name) that re-orders the list via local setState, active pill outlined in the amber brand colour
- ✓_HoldingRow with painted circular ticker badge, name, spot price, signed green/red 24h delta and tabular-figure dollar value
- ✓_SparklinePainter CustomPainter rendering a 52x26 seven-point min/max-normalised stroke tinted to each row's up/down direction
- ✓Six seeded holdings (BTC, ETH, SOL, USDC, LINK, ARB) with brand-coloured badges, no network images or icon glyphs
- ✓Forced ThemeData.dark, bundled Inter font and #0B0E11 exchange palette so it renders standalone as a route
Use cases
- ✓Crypto wallet or exchange app showing a user's full token balance list
- ✓DeFi portfolio tracker ranking positions by value, 24h move or name
- ✓Web3 super-app home tab listing on-chain holdings with quick sparklines
- ✓Trading app account screen where tapping a coin opens its detail view
