Aurum · Quick Actions — Web3 Flutter screen
Web3
90 views

Aurum · Quick Actions

Aurum · Quick Actions is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-home-quick-actions.

A modal "Quick actions" bottom sheet for the Aurum crypto wallet. It floats above a 60% black scrim (tap-to-dismiss via a full-bleed GestureDetector wired to onDismiss) and slides up from the bottom with a 24px top-rounded #0B0E11 panel, a hairline top border, and a centered 40x4 grab handle. Below a bold "Quick actions" title sits a non-scrolling 4-column GridView.builder of eight tiles at a 0.86 aspect ratio: Buy (+, amber), Sell (−, red), Send (up arrow, green), Receive (down arrow, green), Swap, Stake, Pay (QR scan), and More. Each tile is a Material+InkWell card with a rounded #161A1E surface, a 40x40 rounded icon chip filled at 14% of the action's tint color, the Material icon at full tint, and a w600 label underneath. Pure Flutter, Flutter SDK + dart: only — graphics are Material Icons and BoxDecoration, no images. It forces ThemeData.dark so it renders standalone as a route, bundles the Inter font, and is backend-agnostic: every tile reports its label through an onAction(String) callback while onDismiss closes the sheet.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Modal bottom sheet over a 60% black scrim with full-bleed tap-to-dismiss GestureDetector wired to onDismiss
  • Eight-tile 4-column GridView.builder (Buy, Sell, Send, Receive, Swap, Stake, Pay, More) at 0.86 aspect ratio, shrinkWrap + NeverScrollableScrollPhysics
  • _ActionTile: Material+InkWell card with #161A1E surface, hairline border, and a 40x40 icon chip filled at 14% of the action tint
  • Color-coded Material Icons (amber Buy, red Sell, green Send/Receive/Stake, QR-scan Pay) with w600 Inter labels
  • Centered grab handle, 24px top-rounded #0B0E11 panel, hairline top border, and SafeArea bottom padding
  • onAction(String) per-tile callback and onDismiss, ThemeData.dark forced, bundled Inter font, pure Flutter (dart: only)

Use cases

  • A crypto wallet home screen's primary action launcher for buy/sell/send/receive flows
  • A DeFi app surfacing swap, stake, and pay shortcuts from a single tap target
  • An exchange mobile app's floating-action sheet for fast trade and transfer entry points
  • A fintech or neobank app reusing the tinted action-grid pattern for top-level money actions

Related screens