Pin your location — E-commerce Flutter screen
E-commerce
43 views

Pin your location

Pin your location is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-checkout-address-map.

A production-ready Flutter checkout location screen for any shopping, delivery or on-demand app. A full-bleed map drawn entirely with a CustomPainter (block grid, roads, a park patch and a river ribbon, no tiles or network) sits under a "Drag the map to move the pin" hint pill. The shopper pans to reposition a teardrop pin with a soft accuracy halo, and a floating address card shows the reverse-geocoded street, city and country that updates as the pin moves. A pinned "Confirm location" bar finishes the flow. Backend-agnostic, callback-driven.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Full-bleed CustomPainter map (grid, roads, park, river) with no tiles or network
  • Drag-to-pan gesture that moves a centre pin clamped to the map bounds
  • Teardrop pin with soft accuracy halo, repainted live as you drag
  • Floating 'Delivering to' address card that updates with the pin position
  • Hint pill prompting the drag interaction
  • Pinned 'Confirm location' bar with onBack / onConfirm callbacks

Use cases

  • E-commerce and retail checkout flows
  • Food and grocery delivery apps
  • On-demand services and courier apps
  • Any set-your-delivery-address pin picker

Related screens