Делаем добро вместе Детальнее

Flutter & Dart

#7 – Система сеток «Grid System». Создание приложения с дизайном

#7 – Система сеток «Grid System». Создание приложения с дизайном

До этого урока мы всегда располагали лишь по одному объекту в «body». В ходе урока мы изучим формат Grid System (система сеток). Он позволяет располагать множество объектов на странице приложения, при чем в тех местах что вам нужно.

Видеоурок

Расположение объектов в Flutter в основном осуществляется за счет системы сеток (Grid System). В сетке может быть множество рядов, ровным счетом как и множество столбцов. В получившихся ячейках можно выводить любые виджеты для реализации нужного вам дизайна.


Пример сетки с ячейками:



Для создания сеток используются ряды и столбцы. Для рядов используйте класс Row, а для столбцов класс Column.

Исходный код

Весь код будет доступен после подписки на проект!

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение PyQt5 / Графический интерфейс на Python
6 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Создание RPG игры в GameMaker Studio
10 уроков
Изучение JavaScript: от нуля и до создания сайта
Изучение языка Ruby для начинающих
12 уроков
Уроки Java Андроид программирования
16 уроков
Комментарии для сайта Cackle