Notification Detail — E-commerce Flutter screen
E-commerce
27 views

Notification Detail

Notification Detail is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-notification-detail.

A production-ready Flutter notification detail screen for any shopping or delivery app. It expands a single order alert into a typed icon header (shipping glyph in a tinted tile), a bold title with timestamp, the full message body, and a tappable order context card showing a thumbnail box, item count and total. Below sits a CustomPainter-drawn horizontal delivery stepper with checked, active-ring and pending nodes plus an ETA pill, and a pinned bottom bar with a primary Track order pill and a secondary view-order icon button. Backend-agnostic, exposing only callbacks.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Typed icon header with title and timestamp
  • Full notification message body block
  • Tappable order context card (thumbnail, items, total) with chevron
  • CustomPainter horizontal delivery stepper with checked / active / pending nodes
  • ETA status pill on the progress card
  • Pinned bottom bar: Track order pill plus secondary icon action

Use cases

  • Online shopping and retail apps
  • Order tracking and delivery apps
  • Courier and logistics apps
  • Any order-status notification inbox

Related screens