flutter-building-layouts
Master Flutter layout principles, structural widgets, and responsive design patterns for mobile and desktop apps.
Install
npx skills add https://github.com/flutter/skills --skill flutter-building-layoutsStats
| Total installs | 2,891 |
| Weekly installs | 2.9K |
| GitHub stars | 833 |
| First seen | Mar 13, 2026 |
| Source | @flutter/skills |
Summary
- Core principle: constraints flow down, sizes flow up, parents set position. Never pass unbounded constraints in flex boxes or scrollable regions.
- Use Row/Column for linear layouts, Expanded/Flexible for space distribution, Stack for overlapping elements, and SizedBox for tight constraints.
- Apply LayoutBuilder for responsive sizing or conditional rendering for adaptive layouts across mobile, tablet, and desktop form factors.
- Follow a four-phase workflow: visual deconstruction, constraint planning, implementation from outside-in, and validation using Flutter Inspector's Debug Paint mode.
Tags
Related skills
| Skill | Installs | vs flutter-building-layouts |
|---|---|---|
| design-system | 3,248 | +357 |
| product-designer | 2,489 | -402 |
| web-perf | 3,015 | +124 |
| vue-jsx-best-practices | 3,275 | +384 |
| react-dev | 3,328 | +437 |
FAQ
- How many installs does flutter-building-layouts have?
- flutter-building-layouts has 2,891 total installs and 2.9K installs this week.
- Where is flutter-building-layouts hosted?
- flutter-building-layouts is published by @flutter/skills at https://github.com/flutter/skills.
- How many GitHub stars does flutter-building-layouts have?
- flutter-building-layouts has 833 GitHub stars.
- When was flutter-building-layouts first indexed?
- OrangeBot.AI first indexed flutter-building-layouts on Mar 13, 2026.
- How do I install flutter-building-layouts?
- Run: npx skills add https://github.com/flutter/skills --skill flutter-building-layouts