Size Guide
Size Guide is a production-ready E-commerce Flutter screen from FlutterKit — free, with full source code.
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.
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
- ✓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
