Aurum · Price Alerts — Web3 Flutter screen
Web3
85 views

Aurum · Price Alerts

Aurum · Price Alerts is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-alerts-list.

The Price Alerts list is the management hub of Aurum's crypto-wallet alert flow. A centered AppBar reads "Price alerts" with a back chevron and a history icon (wired to onViewTriggered) that jumps to fired alerts. Below sits a ListView.separated of rounded dark cards (color 0xFF161A1E, hairline border, 16px radius) — Bitcoin, Ethereum, Solana and Chainlink. Each row pairs a tinted circular badge holding the ticker text (BTC, ETH, SOL, LINK rendered in the coin's brand color at 16% alpha fill — no glyph, no network image) with the coin name and a condition line: a north-east arrow + green "Above $68,000.00" or a south-east arrow + red "Below $180.00", using tabular figures so prices align. A Material Switch on each row enables/disables that alert live via setState, the active track painted in the brand amber 0xFFF0B90B. An extended FAB labelled "New alert" sits bottom-right, calling onCreate. Pure Flutter, bundled Inter font, forced dark Theme, backend-agnostic through onBack/onCreate/onViewTriggered/onAlertTap callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Web3AlertsListScreen StatefulWidget driven by a typed _Alert model list (ticker, name, on, target, tint, above)
  • ListView.separated of tappable dark cards with tinted circular ticker badges built from withValues(alpha:0.16) — no network logos
  • Per-row Material Switch that flips alert on/off in place via setState with brand-amber active track
  • Condition line with directional north_east/south_east icon plus green-up / red-down Above/Below price using tabular figures
  • Centered AppBar with back chevron and a history action that routes to triggered alerts
  • Extended 'New alert' FAB and four callbacks (onBack, onCreate, onViewTriggered, onAlertTap) for backend-agnostic wiring

Use cases

  • Crypto wallet app where users manage all their standing price alerts in one place
  • DeFi or exchange client letting holders toggle target notifications on and off per coin
  • Portfolio tracker surfacing active above/below watch conditions across multiple assets
  • Trading companion app whose alerts hub links out to create-new and triggered-history screens

Related screens