MENU

Fun & Interesting

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

Стас Ильин 4,608 lượt xem 8 months ago
Video Not Working? Fix It Now

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

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

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

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

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

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

КОД ИЗ ВИДЕО
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 - Итог на двух платформах

Comment