Flutter & Dart

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

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

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

Видеоурок

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


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



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

Исходный код

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

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

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

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

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

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

Уроки Figma (Фигма) с нуля / Создание дизайна (UI/UX)
8 уроков
Верстка сайта на HTML5 и CSS3
13 уроков
Дополненная реальность / Создание Unity AR приложений
Разработка Андроид программы с базой данных
6 уроков
Изучение языка Си для начинающих
9 уроков
Разработка игр на Python с нуля / Уроки Pygame
10 уроков
Комментарии
Добавить комментарий

Пока комментариев нет