Aurum · My Positions
Aurum · My Positions is a production-ready Web3 Flutter screen from FlutterKit — free, with full source code.
Web3EarnPositionsScreen is the "My positions" portfolio view for the Aurum crypto wallet's Earn feature. Against a near-black backdrop, a centered AppBar with a back chevron sits above a scrollable ListView.separated of staking cards. Each card pairs a 48px coin badge — a CustomPainter (_RingPainter) that draws a faint background circle plus a rounded-cap arc whose sweep encodes lock progress, tinted to the chain color (Solana green, Ethereum violet, USDC blue) with the ticker centered inside — alongside the product name and a "50.000 SOL · 6.8% APY" subtitle. A pill badge shows the lock state: amber "18 days left" for locked stakes, green "Flexible" for open ones. A nested surface row reports "Accrued rewards" with a green tabular-figures "+0.142 SOL" value, and a full-width OutlinedButton reads "Unstake" or "Unstake early" depending on whether the position is still locked. It is pure Flutter (Material 3 dark Theme, bundled Inter font, no network images or icon glyphs in the rings) and backend-agnostic via onBack and onUnstake callbacks.
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
What's included
- ✓Web3EarnPositionsScreen with onBack and onUnstake VoidCallback hooks for backend-agnostic wiring
- ✓_RingPainter CustomPainter drawing a faint base circle plus a rounded-cap progress arc tinted per-chain to encode lock duration
- ✓Three sample _Position records (SOL/ETH/USDC) with ticker, name, staked amount, accrued, APY, progress and lock label
- ✓Per-card lock pill that flips between amber 'days left' and green 'Flexible' from the progress value
- ✓Accrued-rewards row using FontFeature.tabularFigures for aligned green reward figures
- ✓Per-position OutlinedButton that reads 'Unstake' or 'Unstake early' based on whether the stake is still locked
Use cases
- ✓Active staking portfolio view inside a crypto or DeFi wallet app
- ✓Yield-product dashboard showing accrued rewards across multiple chains
- ✓Savings/earn account list with flexible vs locked term tracking
- ✓Position management screen where users review and exit staked assets
