Как сделать НАТИВНЫЙ UI на Flutter ? | Cupertino и Material | Пересборка №15
Вставка
- Опубліковано 11 лип 2024
- Про приложения на Flutter часто говорят, что они выглядят НЕ НАТИВНО... Конечно они будут так выглядеть, если вы используете Cupertino виджеты для Android и Material виджеты для iOS
Мы создаем мобильные приложения и наша главная задача - дарить клиентам лучший, интуитивный пользовательский опыт
В видео я расскажу как сделать приложение на Flutter один в один как нативное
Гигаважный видос обязательный к просмотру!
ПОДПИСЫВАЙСЯ НА МОЙ:
💬 Telegram t.me/frezycode
🚀 Эксклюзивный контент на Boosty boosty.to/frezycode
👨💻 Куча кода GitHub github.com/Frezyx
📸 Instagram / frezycode
МЫ ПИШЕМ КНИГУ ПО FLUTTER
📖 Подробнее про книгу t.me/frezycode/354
💻 Курс на Stepik stepik.org/a/197817/pay?promo...
КОД ИЗ ВИДЕО
Github проекта 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 - Итог на двух платформах - Наука та технологія
Супер! Спасибо за полезный контент!
Наконец-то новое видео😊
Рад что ждали 😎
Спасибо за видео
🤝
А почему бы не использовать параметр adaptive? Допустим для свитчей?
не пробовал с lottie работать ? делаешь лоттие любой дизайн цвет форму (проще быстрее и вид лучше, код меньше) и все что ты делаешь уже просто не нужно становится.
Спасибо за видео, что посоветуете как построить правильную структуру проекта и если локализацию через ларавел сделать что для этого посоветуете?
Привет. А сколько ты берешь за час такой разработки?
Как всегда информативно
Спасибо за видео 🎉
Вопрос: Как бороться с чуствами когда как будто что то не так, чего то не доделал или ищешь другие варианты костомизации. Сам я перфекционист и страдаю от этих чувств))
Ты:
- Вроде бы норм;
- И так сойдет;
- Окей ладно;
- Идиально;
И закрыл файл
@@unicorn-thirteen ахахаха, я нашел свою аудиторию 😅 Обычно взвешиваю - насколько этот элемент интерфейса важен и часто будет использоваться. Если это очень важный экран - даю потыкаться кому-нибудь, ищу ещё референсы, даю себе время отдохнуть и вернутся к этому чтобы свежими глазами посмотреть. А если экран будет открываться раз в полвека - то ваще тяп ляп и в продакшн, пока не придет время переписывать)
@@frezycode 😂😂
Подскажите, начинаю изучение флатера и возник такой вопрос, под виндой есть эмуляторы iphone?
Нет, только если поставить Virtual Box или хакинтош накатить
@@frezycode получается во флатере код одинаковый для обеих платформ, только компиляция для айфона из под мака, а для андроида из под винды?
@@jennifer-qj3wm да, код одинаковый для двух платформ, но компиляцию Apple не разрешает делать не на их устройствах. Андроид и все прочие платформы можно запускать и на macOS
Спасибо, теперь все понятно)
Но в итоге все равно дизайнер ебашит один виджет под обе платформы и мы сидим кастомизируем стандартный))
Обычно заказчику на это все равно. Он просто хочет что бы было как у дизайнера