Pickup or Drop-off — E-commerce Flutter screen
E-commerce
81 views

Pickup or Drop-off

Pickup or Drop-off is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.

A production-ready Flutter return-collection screen for any shopping or marketplace app. Two radio-style method cards (Courier pickup vs Drop at a store) toggle the body: pickup reveals an editable Home address row with a Change action and a horizontal scroller of date/time slot chips; drop-off reveals a store card with a fully painted CustomPaint mini-map (block grid, roads, park and a brand teardrop pin), distance, an Open now badge and a QR-label note. A pinned bottom bar relabels its CTA per method and fires a backend-agnostic onSchedule callback.

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

  • Two selectable method cards with animated radio + tinted active state
  • Conditional body that swaps pickup details vs drop-off details
  • Editable pickup address row with a Change tap action
  • Horizontal date/time slot picker with selected-chip highlight
  • CustomPaint mini-map store card (roads, park, teardrop pin) plus Open now badge
  • Pinned schedule bar whose label and callback adapt to the chosen method

Use cases

  • Fashion and retail shopping apps
  • Marketplace and reseller apps
  • Order returns and exchange flows
  • Delivery / courier scheduling apps

Related screens