Notifications inbox
Notifications inbox is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
A production-ready Flutter notifications inbox for any shopping or retail app. It groups updates under Today / Earlier headers and pairs each row with a tinted square icon disc (shipping, flash-sale, price-drop, refund, sign-in), a bold title, a body line, a relative timestamp and an unread dot, with unread rows softly tinted. A horizontal All / Orders / Drops / Offers / Account chip row filters the list live, a header Mark all read action clears unread state, tapping a row marks it read, and an empty hint shows when a filter has nothing. Self-contained, themed and backend-agnostic.
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
- ✓Horizontal filter chips: All / Orders / Drops / Offers / Account with live filtering
- ✓Date-grouped sections (Today / Earlier) with sticky-style group headers
- ✓Notification rows with tinted typed icon disc, title, body and relative timestamp
- ✓Per-row unread dot plus soft tinted unread background, cleared on tap
- ✓Header Mark all read action that resets unread count
- ✓Empty-state hint shown when a filter has no notifications
Use cases
- ✓E-commerce and retail shopping apps
- ✓Order tracking and delivery apps
- ✓Deals, drops and flash-sale apps
- ✓Loyalty and rewards apps
