Size Guide — E-commerce Flutter screen
E-commerce
23 views

Size Guide

Size Guide is a production-ready E-commerce Flutter screen from FlutterKit Pro, installable with flutterkit add ecom-product-size-guide.

A production-ready Flutter size-guide screen for any fashion or apparel storefront. A header with a close button sits above a segmented Centimetres / Inches toggle that instantly re-renders the chart, converting measurements on the fly. The core is a rounded size table (Size, Chest, Waist, Length) with a dark header row, zebra-striped rows and hairline rules across XS to XXL. Below it a bright gradient "Find my size" card with a Start button invites a guided fit match, followed by a "How to measure" tips list for chest, waist and length. Self-contained and backend-agnostic.

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

Licensed for unlimited commercial projects · resale prohibited · License

What's included

  • Segmented Centimetres / Inches unit toggle with live cm-to-inch conversion
  • Rounded size-chart table (Size, Chest, Waist, Length) with dark header and zebra rows
  • Six size rows from XS to XXL with hairline dividers
  • Gradient 'Find my size' card with Start call-to-action and onFindMySize callback
  • 'How to measure' tips list for chest, waist and length
  • Close-button header with onClose callback wiring

Use cases

  • Fashion and apparel shopping apps
  • Footwear and accessories stores
  • Marketplace and multi-brand retail apps
  • Any product detail flow needing a fit/size reference

Related screens