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

Про приложения на Flutter часто говорят, что они выглядят НЕ НАТИВНО... Конечно они будут так выглядеть, если вы используете Cupertino виджеты для Android и Material виджеты для iOS Мы создаем мобильные приложения и наша главная задача - дарить клиентам лучший, интуитивный пользовательский опыт В видео я расскажу как сделать приложение на Flutter один в один как нативное Гигаважный видос обязательный к просмотру! ПОДПИСЫВАЙСЯ НА МОЙ: 💬 Telegram 🚀 Эксклюзивный контент на Boosty 👨‍💻 Куча кода GitHub 📸 Instagram МЫ ПИШЕМ КНИГУ ПО FLUTTER 📖 Подробнее про книгу 💻 Курс на Stepik КОД ИЗ ВИДЕО Github проекта 00:00 - Что такое нативный UI ? 00:30 - Новости 01:06 - CupertinoSwitch vs Switch 03:02 - Проверка платформы по 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 - Итог на двух платформах
Back to Top