Profile home — E-commerce Flutter screen
E-commerce
25 views

Profile home

Profile home is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.

A production-ready Flutter profile screen for any shopping or marketplace app. It opens with a soft member card holding a painted monogram avatar, name, a Gold tier chip and an Edit pill, then a three-stat row for orders, wishlist and points. Below sit grouped, hairline-bordered settings sections (Shopping, Payments and addresses, Preferences, Support) as tappable icon rows with title, subtitle and chevron, closing on a tinted Sign out button. Sits in a five-tab bottom-nav shell and is backend-agnostic via simple 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

  • Member card with painted monogram avatar, Gold tier chip and Edit pill
  • Three-stat row (orders / wishlist / points) with hairline dividers
  • Grouped settings sections with title, subtitle and chevron rows
  • Tinted Sign out footer button
  • Five-tab bottom navigation scaffold (Profile active)
  • Callback-driven actions (onTab, onItem, onEdit), no hardcoded backend

Use cases

  • Fashion and retail shopping apps
  • Marketplace and multi-vendor apps
  • Loyalty / rewards membership apps
  • Any app needing an account home with grouped settings

Related screens