Aurum · Stake Amount
Aurum · Stake Amount is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-stake-amount.
Web3 Stake Amount is the entry step of Aurum's SOL staking flow. A big 40px tabular-figure "0 SOL" headline dominates the screen with a live "~ $0.00" USD conversion (SOL priced at 152.90) that recalculates on every keypress. Below sits a "Balance 124.80 SOL" line beside a gold Max pill that one-taps the full balance in; entering more than the balance flips the figure and label red and shows "Exceeds balance", disabling the CTA. Four lock-period chips — Flexible 4.2%, 30 days 6.8%, 90 days 9.5%, 180 days 12.4% — toggle the APY tier, the active chip getting a gold border and tinted fill, while a bordered "Est. annual reward" card with a green savings icon recomputes projected yield (amount times APY) in real time. A custom 3×4 GridView numpad with digits, decimal and backspace drives entry with a 4-decimal cap, and the gold "Review stake" FilledButton enables only when the amount is valid and within balance. Pure Flutter — Material widgets, vector icons, bundled Inter font, forced dark theme — wired entirely through onBack and onNext callbacks so it stays 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
- ✓Large 40px tabular-figure SOL amount headline with a live USD estimate that turns red on over-balance entry
- ✓Custom 3×4 GridView numpad (_Numpad widget) with decimal key, backspace icon and a 4-decimal-place input cap
- ✓Gold Max pill that fills the full 124.80 SOL balance in one tap, plus a live balance / exceeds-balance line
- ✓Four selectable lock-period APY chips (Flexible 4.2% through 180 days 12.4%) with a gold active-border state
- ✓Bordered Est. annual reward card with a green savings icon recomputing amount times APY on every keypress
- ✓Validation-gated gold Review stake FilledButton driven by onBack / onNext callbacks, bundled Inter font, dark theme
Use cases
- ✓Solana or PoS-token staking deposit entry in a crypto wallet
- ✓DeFi yield app where users pick a lock period and APY tier
- ✓Exchange staking flow needing a Max-balance amount keypad
- ✓Web3 wallet onboarding step that previews annual rewards live
