My Orders — E-commerce Flutter screen
E-commerce
81 views

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

Related screens