Aurum · Unstake — Web3 Flutter screen
Web3
72 views

Aurum · Unstake

Aurum · Unstake is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-earn-unstake.

The Aurum Unstake screen is the withdrawal step of a crypto staking flow, in a Binance-style dark palette (near-black 0xFF0B0E11 background, amber accent). A position card at top shows a green "SOL" token chip, "Solana Staking", and "50.000 SOL staked · 6.8% APY". The "Amount to unstake" row pairs a tappable "Unstake all" checkbox with a large tabular-figure amount field suffixed "SOL"; ticking the box disables the field and fills the full balance, untick to type a partial amount. An amber clock-icon card warns that unstaking early starts an 18-day cooldown during which rewards stop accruing. A summary box lists "Available after cooldown" (live from the parsed amount) and a fixed "Cooldown ends" date. A pinned "Confirm unstake" bar enables only when the amount is valid (above 0 and at most the staked balance). Built as one StatefulWidget in pure Flutter (Flutter SDK + dart: only): a TextEditingController drives validation, setState toggles the checkbox, FontFeature.tabularFigures aligns numbers, and onBack / onConfirm callbacks keep it backend-agnostic.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Single self-contained Web3EarnUnstakeScreen StatefulWidget (pure Flutter, bundled Inter font, forced dark theme)
  • Position summary card with green SOL token chip showing staked balance and 6.8% APY
  • Unstake-all checkbox that fills the full balance and disables the amount field, plus partial-amount entry
  • TextField amount input with tabular figures, SOL suffix and live double parsing/validation
  • Amber 18-day cooldown warning card and a key-value summary (available after cooldown, cooldown-ends date)
  • Pinned Confirm unstake bar that auto-disables on invalid amounts, wired via onBack and onConfirm callbacks

Use cases

  • Withdrawal step in a crypto wallet's staking or earn product
  • DeFi app letting users exit a SOL or other proof-of-stake position
  • Yield/savings flow needing a clear cooldown-period disclosure before confirming
  • Exchange app's stake-management section with full or partial unstake support

Related screens