Aurum · Triggered Alerts — Web3 Flutter screen
Web3
80 views

Aurum · Triggered Alerts

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

A dark, Binance-styled "Triggered" history screen for the Aurum crypto wallet that logs every price alert that has already fired. Each fired alert is a rounded surface card (#161A1E, hairline border, 16px radius) with a tinted circular token badge showing the ticker in its own brand color (BTC gold, ETH blue, SOL green, DOGE bronze), the asset name, and the condition that fired — a green north-east arrow with "Above $X" or a red south-east arrow with "Below $X". On the right, the exact price at trigger uses tabular figures so columns align, above a muted relative timestamp ("Today · 09:12", "Yesterday · 22:03", "Jun 26 · 18:30"). A full-width OutlinedButton spans each card: untriggered cards show a gold "Re-arm alert" with a refresh icon; tapping flips local state to a disabled "Re-armed" pill with a check. Built in pure Flutter (SDK + dart: only) — an AppBar with a back IconButton wired to onBack, a ListView.separated over a typed _Fired model list, setState-driven re-arm toggling, and the bundled Inter font. All chrome is Material widgets; it is backend-agnostic via callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Web3AlertsTriggeredScreen StatefulWidget with an onBack VoidCallback and a typed _Fired model (ticker, name, above, target, atTrigger, time, tint, rearmed)
  • ListView.separated of fired-alert cards with 12px gaps, hairline borders and per-token tinted circular ticker badges
  • Direction row: green north_east_rounded + 'Above $X' or red south_east_rounded + 'Below $X' condition labels
  • Price-at-trigger column using FontFeature.tabularFigures() plus a muted relative timestamp like 'Today · 09:12'
  • Full-width OutlinedButton.icon that toggles between gold 'Re-arm alert' (refresh) and disabled 'Re-armed' (check) via setState
  • Forced ThemeData.dark theme, bundled Inter font, Binance-style palette (#0B0E11 bg, #F0B90B brand, #2EBD85 up, #F6465D down), no glyphs or network images

Use cases

  • Crypto wallet or exchange app showing a history of price alerts that have already fired
  • DeFi / Web3 portfolio tracker letting users review and re-arm one-shot price triggers
  • Trading app notification log where each alert records the exact price and time it hit
  • Token watchlist feature giving users a tap-to-reactivate flow for spent alerts

Related screens