Notification Detail
Notification Detail is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
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.
Full tutorial coming soon.
The step-by-step walkthrough and complete Dart source for this screen haven't been published yet. They'll be free when they are — no sign-up, no payment. In the meantime, browse the screens that already have their tutorial.
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
