Каталог / flutter / flutter-building-layouts
flutter-building-layouts
flutter/skills
10.7K
установок
#845
в рейтинге
Что делает
Овладей системой ограничений Flutter для создания отзывчивых, свободных от переполнений макетов эффективно.
- Основной принцип: ограничения текут вниз, размеры текут вверх, родитель задаёт позицию. Никогда не передавай неограниченные ограничения в flex-боксах или прокручиваемых регионах
- Используй Row/Column для линейных макетов, Expanded/Flexible для распределения пространства, Stack для наложения элементов и SizedBox для жёстких ограничений
- Применяй LayoutBuilder для адаптивных размеров или условный рендеринг для адаптивных макетов на мобильных, планшетных и десктопных форм-факторах
- Следуй четырёхэтапному workflow: декомпозиция макета, планирование ограничений, реализация от внешнего слоя внутрь и валидация через Debug Paint режим Flutter Inspector
Установка
$ npx skills add flutter/skills