6 лет назад
Разработка UI с помощью Flutter
Привет, Дзен! Представляем вашему вниманию перевод статьи Building Layouts. Сегодня мы узнаем: - Как работают механики построения UI на Flutter - Как верстать экраны горизонтально и вертикально - Как сверстать экран, используя Flutter Результатом сегодняшнего урока будет следующий сверстанный экран Шаг 0: Настройка проекта Для начала создадим новый проект File -> New Flutter Project -> next, next, next... Далее необходимо, создать директорию images в корне проекта и положить туда файл с именем lake...
👀 Смотри онлайн: 01 Введение ➡️ 001 Что такое Flutter ➡️ 002 Установка Flutter и Android Studio (Windows) ➡️ 003 Установка Android Emulator (Windows) ➡️ 004 Установка VS Code (Windows) 02 Основы ➡️ 006 Обзор папок во Flutter приложении ➡️ 007 Hot reload и Hot restart ➡️ 008 Введение в виджеты (Widgets) ➡️ 009 ДЗ по лекции Введение в виджеты ➡️ 010 MaterialApp ➡️ 011 Scaffold ➡️ 012 Типы виджетов ➡️ 013 Stateless Widget и его жизненный цикл ➡️ 014 Stateful Widget и его жизненный цикл ➡️ 015 Работа с Asset и Image ➡️ 016 Работа с Asset и Font ➡️ 017 ДЗ по блоку Основы 03 Основы компоновки UI ➡️ 018 Введение ➡️ 019 Padding ➡️ 020 Align и Center ➡️ 021 Container ➡️ 022 Row и Column ➡️ 023 Expanded ➡️ 024 Stack ➡️ 025 Практика. Компоновка интерфейса ➡️ 026 Статический ListView ➡️ 027 Динамический ListView ➡️ 028 Динамический ListView. Отображение заголовка ➡️ 029 ДЗ по блоку Основы компоновки UI 04 Навигация и передача данных ➡️ 030 Простая навигация ➡️ 031 Навигация по имени ➡️ 032 Простая передача данных между экранами ➡️ 033 Передача данных при навигации по имени ➡️ 034 Передача данных с onGenerateRoute ➡️ 035 Передача данных на предыдущий экран 05 Взаимодействие с пользователем ➡️ 036 Form ➡️ 037 TextField и TextFormField ➡️ 038 Стилизация полей ввода ➡️ 039 Ограничение ввода в поля формы ➡️ 040 Получение текста из полей формы ➡️ 041 Валидация полей формы ➡️ 042 Выпадающий список ➡️ 043 Фокусировка полей ввода ➡️ 044 SnackBar ➡️ 045 AlertDialog ➡️ 046 Использование жестов ➡️ 047 Отправка формы ➡️ 049 ДЗ по работе с виджетом Form 06 Пакеты и зависимости ➡️ 050 Пакеты и зависимости ➡️ 051 Управление версиями пакетов ➡️ 052 Неопубликованные пакеты 07 Работа с сетью ➡️ 053 Работа с HTTP ➡️ 054 Введение в JSON ➡️ 055 Ручная сериализация JSON. Создание модели ➡️ 056 Ручная сериализация JSON. Отображение данных ➡️ 057 Авто генерируемая сериализация JSON 08 Управление состоянием ➡️ 058 Типы состояний. Введение ➡️ 059 Vanilla (setState()) ➡️ 060 InheritedWidget ➡️ 061 ScopedModel ➡️ 062 Provider. Теория ➡️ 063 Provider. Практика ➡️ 064 ДЗ по Provider 09 Хранение данных на устройстве ➡️ 065 Работа с файлами (Чтение_Запись) ➡️ 066 Плагин shared_preferences ➡️ 067 Работа с SQLite 10 Практика. Погодное приложение ➡️ 068 Введение ➡️ 069 Создание модели ➡️ 070 Реализация запроса и отображение данных ➡️ 071 Отображение города и даты ➡️ 072 Отображение температуры ➡️ 073 Отображение давления, осадков и ветра ➡️ 074 Отображение прогноза погоды за неделю ➡️ 075 Получение погоды по названию любого города ➡️ 076 Получение погоды по геолокации устройства ➡️ 077 Исправление ошибок 11 BLoC ➡️ 079 BLoC. Теория ➡️ 080 BLoC на потоках (Stream) ➡️ 081 BLoC (flutter_bloc 4.0) ➡️ 082 Flutter BLoC 4.0. Работа с сетью ➡️ 083 Flutter BLoC 6.0. Работа с сетью ➡️ 084 Flutter Cubit 6.0. Работа с сетью 12 Анимация (раздел в разработке) ➡️ 086 AnimationController и Animation ➡️ 087 Контроль за ходом анимации ➡️ 088 Анимация на основе кривых (Curves) ➡️ 089 Одновременная анимация ➡️ 090 Поэтапная анимация ➡️ Полный архив курса