
My Orders
My Orders is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
A production-ready Flutter order history screen for any shopping or marketplace app. It pairs a pill search field with an animated Active / Completed / Cancelled segmented tab control, then lists order cards that each carry a color-coded status pill (shipping, delivered, cancelled), the order date, an overlapping stacked thumbnail row with a +N overflow chip, the item count and total, and a tap-through chevron. Each card has contextual ghost actions — Track order for active, Reorder for completed and cancelled — plus a View details button, and tabs fall back to a clean empty state. Backend-agnostic, exposing callbacks only.
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
- ✓Animated Active / Completed / Cancelled segmented tabs
- ✓Color-coded status pills with shipping / delivered / cancelled icons
- ✓Overlapping product thumbnail stack with +N overflow chip
- ✓Contextual ghost actions: Track order, Reorder, View details
- ✓Per-tab empty state with inbox icon
- ✓Pill search field and tap-through order cards via callbacks
Use cases
- ✓Fashion and retail shopping apps
- ✓Marketplace and multi-vendor apps
- ✓Grocery and food-delivery order history
- ✓Any app needing an order or purchase history list