Как сделать НАТИВНЫЙ UI на Flutter ? | Cupertino и Material | Пересборка №15

Описание к видео Как сделать НАТИВНЫЙ UI на Flutter ? | Cupertino и Material | Пересборка №15

Про приложения на Flutter часто говорят, что они выглядят НЕ НАТИВНО... Конечно они будут так выглядеть, если вы используете Cupertino виджеты для Android и Material виджеты для iOS

Мы создаем мобильные приложения и наша главная задача - дарить клиентам лучший, интуитивный пользовательский опыт

В видео я расскажу как сделать приложение на Flutter один в один как нативное

Гигаважный видос обязательный к просмотру!

ПОДПИСЫВАЙСЯ НА МОЙ:
💬 Telegram https://t.me/frezycode
🚀 Эксклюзивный контент на Boosty https://boosty.to/frezycode
👨‍💻 Куча кода GitHub https://github.com/Frezyx
📸 Instagram   / frezycode  

МЫ ПИШЕМ КНИГУ ПО FLUTTER
📖 Подробнее про книгу https://t.me/frezycode/354
💻 Курс на Stepik https://stepik.org/a/197817/pay?promo...

КОД ИЗ ВИДЕО
Github проекта https://github.com/Frezyx/rhymer

00:00 - Что такое нативный UI ?
00:30 - Новости
01:06 - CupertinoSwitch vs Switch
03:02 - Проверка платформы по Platform.isAndroid
03:54 - Почему TargetPlatform лучше Platform
04:54 - Extension для ThemeData
06:21 - Диалоговые окна
07:37 - showDialog
08:17 - AlertDialog (Android Material3)
14:48 - Почему важно делать платформенный UI
15:25 - Добавляем действия на кнопки
16:16 - showCupertinoDialog
18:07 - CupertinoAlertDialog (Аналог iOS)
24:57 - Делаем адаптивный виджет под разные платформы
30:28 - Проверяем работу виджета
31:24 - Обновляем форму поиска на главной
31:57 - showCupertinoModalPopup
34:40 - Зачем нужен extension к ThemeData
35:38 - CupertinoActionSheet (iOS)
37:23 - Зачем нужны платформозависимые виджеты
38:00 - Декомпозируем CupertinoActionSheet
38:49 - showModalBottomSheet (Android Material3)
42:00 - Кастомизируем Material BottomSheet, верстка
44:58 - Делаем Material кнопки
48:11 - Добавляем действия на кнопки
49:16 - Итог на двух платформах

Комментарии

Информация по комментариям в разработке