Delivery Address — E-commerce Flutter screen
E-commerce
21 views

Delivery Address

Delivery Address is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-checkout-address-book.

A production-ready Flutter checkout address screen for any shopping or delivery app. It lists the shopper's saved addresses as a single-select radio list, each card showing a labelled tag (Home, Work, custom) with icon, recipient name, two-line street address, phone and an inline Edit action. Selecting a card animates its border to the brand accent and reveals a CustomPainter mini-map with city blocks, roads and a delivery pin. Below sits an "Add a new address" tile, with a "Step 1 of 4" eyebrow up top and a pinned "Deliver to this address" continue bar. Backend-agnostic, exposing callbacks only.

Reveal the one-line command to drop this screen into your project.

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Single-select address cards with animated radio + brand-accent active border
  • Labelled tag chips (Home / Work / custom) with rounded icons
  • Painted mini-map preview (CustomPainter: blocks, roads, delivery pin) on the selected card
  • Inline Edit action per address plus an "Add a new address" tile
  • "Step 1 of 4" checkout eyebrow with screen title
  • Pinned bottom continue bar with SafeArea handling

Use cases

  • E-commerce and fashion shopping apps
  • Food and grocery delivery apps
  • Courier and parcel / logistics apps
  • Any multi-step checkout flow needing address selection

Related screens