Aurum · Create Alert — Web3 Flutter screen
Web3
58 views

Aurum · Create Alert

Aurum · Create Alert is a production-ready Web3 Flutter screen from FlutterKit Pro, installable with flutterkit add web3-alerts-create.

A focused alert-builder screen for the Aurum crypto wallet, themed in a dark Binance-style palette (near-black 0xFF0B0E11 background, amber 0xFFF0B90B brand accent). The top card shows the chosen coin: a circular BTC badge, "Bitcoin", and a live "Now $67,342.18" spot line with a chevron to swap assets. Below sits a pill segmented control toggling the condition between a green "Above" tab (north-east arrow) and a red "Below" tab (south-east arrow). The center renders the entered target as a large 42px figure ($0 until typed) using tabular-figure font features, with a caption that computes and shows the signed "% from spot" the instant a valid price is entered. A "Repeat this alert" row pairs an icon with a Material Switch. Entry is driven by a custom 3-column numpad (1-9, decimal, 0, backspace) built with GridView.count and InkWell keys; the handler caps decimals to two places. The pinned "Create alert" FilledButton stays disabled and greyed until the target exceeds zero. Pure Flutter, bundled Inter font, no network images; onBack and onSave callbacks keep it fully 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

  • Coin selector card with circular BTC badge, asset name, live 'Now $67,342.18' spot price, and swap chevron
  • Above/Below condition pill toggle with green/red tinted active states and directional north-east / south-east arrows
  • Large 42px target-price readout using tabular-figure font features plus a live signed %-from-spot caption
  • Custom 3-column numpad built with GridView.count and InkWell, decimal entry capped to two places, plus backspace key
  • 'Repeat this alert' row combining an icon with a Material Switch styled in the amber brand color
  • Validity-gated 'Create alert' FilledButton (disabled until target > 0) with onBack and onSave callbacks for backend wiring

Use cases

  • Setting a price-cross alert in a crypto wallet or exchange app
  • Configuring above/below threshold notifications for a single asset
  • DeFi or trading apps letting users arm target-price reminders
  • Portfolio trackers adding a quick numpad-driven alert creation flow

Related screens