8. Финал: Базовые виджеты на flutter и верстка UI (Часть 1)
DonationAlerts:
Boosty:
Мои консультации:
ВКонтакте:
Telegram:
Мой сайт:
Разбираем дизайн и настраиваем проект первые 45 минут, а дальше вёрстка. Вышло сумбурно, но я предупреждал заранее и в теории и после, что тут важно натренировать понимание сложности разработки, а оно хорошо прощупывается когда видишь как изнутри всё делается или из чего состоит. Это всё же не курс по flutter и разработке, но на любые вопросы я с радостью отвечу. Не стесняйтесь их задавать по поводу вёрстки/кода.
Таймкоды:
00:00:00 - про макет
00:08:40 - подготовка к вёрстке с объяснением
00:11:18 - пишем home screen
00:13:40 - немного про структуру папок
00:14:46 - themedata, fontfamily, visualdensity, ассеты
00:20:28 - добавляем ассеты
00:24:04 - установка svgpicture
00:25:27 - про базовую структуру
00:28:22 - как работают ассеты х2, х3
00:31:00 - про базовые виджеты для табов
00:32:50 - про то как организованы токены
00:34:15 - про то как организованы данные
00:37:08 - немного про организацию папок и деление на компоненты и экраны
00:38:33 - вёрстка табов
00:56:48 - вёрстка блока с фильмом и кнопками
01:23:41 - вёрстка списков
02:11:13 - выводы
- Файл курса обновлен:
Если вы хотите повторить код:
- Редактор кода VScode:
Расширения (можно во вкладке внутри редактора VSCode найти):
- Dart расширение:
- Flutter расширение:
Установка флаттер и симуляторов android/ios:
- Инструкция для windows:
- Для windows/macOs(опционально) Android Studio:
- Инструкция для macOS:
- Для macOS XCode:
- SVGPicture пакет для использования svg файлов:
- Готовый код и ассеты:
- Плагин для цветов и кода из фигмы:
15 views
2793
859
3 days ago 01:20:21 13
Building an Electric Rover From Scratch - Full Build + Overnight Camping Adventure