Пишем Flutter приложение с дизайна

Подписаться 8 тыс.

Просмотров 6 тыс.

50% 1

На практике, пишем Flutter приложение с дизайна. В этом видео мы создаем проект на Flutter и Dart, подготавливаем ресурсы приложения, такие как: цвета и картинки. Учимся использовать дизайн в Figma.
Это Урок по Flutter и Dart номер 1.
Весь плейлист доступен по ссылке:
• Flutter приложение с н...
✅ kiparo.com - это наш уникальный курс по Android, 6-ти часовые занятия, домашки с реальным дизайном и максимально свежий материал 💪. Начать можно прямо сейчас.
СОДЕРЖАНИЕ:
-------------------------------------------------------------------
00:00:00 - создаем Flutter приложение c нуля
00:01:05 - запускаем Flutter приложение на Android
00:01:25 - запускаем Flutter приложение на iOS
00:01:51 - дизайн в Figma
00:04:35 - переносим цвета из Figma в код
00:06:57 - переносим картинки из Figma в код
-------------------------------------------------------------------
Дизайн приложения: u.to/SEqOIA
Найти меня можно вот тут:
✅ Linkedin: / timofeykovalenko
✅ Instagram: / ttimofey
✅ На сайте: kiparo.com/
#уроки #flutter #kiparo

Опубликовано:

29 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@TimofeyKovalenko 8 месяцев назад

Уже записано больше 20 небольших роликов по этой тебе, поэтому будут выходить часто. Так же начинаю делать подобную серию уроков для Android.

@itbcompany7625 8 месяцев назад

Вообще супер, как раз решил изучить Flutter)

@lucefan2816 3 месяца назад

Спасибо! Очень интересно, сам изучаю flutter, очень хорошо объясняете! И главное, сразу говорите правильно как надо и куда.

@user-il9te8eo4e Месяц назад

Добрый день, а Вы уже закинули серию уроков для Android? Также будет ли в дальнейшем, такой ж классный курс по iOS?

@user-ke2nz7xy1k 8 месяцев назад

Вы решили по мульти платформе во Flutter пойти? Почему не КММ? Я вот пока решаю на что потом перейти из этих 2 вариантов. Можете своими рассуждениями поделится что лучше выбрать?

@make.9621 8 месяцев назад

А вы смотрели в сторону реакта или Xamarin?

@TimofeyKovalenko 8 месяцев назад

@user-ke2nz7xy1k В последние 3 года один из проектов был на Flutter, очень крупный, поэтому был шанс вживую опробовать его. Тогда KMM еще совсем никакущий был, а Flutter давал возможноcть и UI, и логику писать общую, поэтому выбрали его. А с KMM пока не сталкивался в реальной жизни, поэтому еще нет мнения. В целом Flutter очень не плох, не простой, как его рекламируют, но прям очень достойный фреймворк.

@TimofeyKovalenko 8 месяцев назад

@make.9621 Не вижу даже смысла смотреть на реакт(в плане мобильной разработки) или Xamarin. Они по сравнению с Flutter и KMM недоразумение какое-то ;). На Flutter и KMM можно писать приложения, которые не отличишь от натива, а вот на реакте или Xamarin, такое почти невозможно. Да и что потом с этими приложениями делать, нужно же думать о дальнейшей поддержке, о наличии большого числа программистов, что-бы можно было развивать продукт. Тот же реакт для веба и реакт для мобилы - не одно и тоже, огромное количество нюансов.

@nnni23 3 месяца назад

В каком редакторе вы работаете? Это vs code или другой?

@TimofeyKovalenko 3 месяца назад

Это Android Studio.

@alexnik4187 7 месяцев назад

у меня другой набор папок в проекте и нет файла main, поэтому не мой вариант, успехов

@TimofeyKovalenko 7 месяцев назад

Создайте main, делов то)))

@user-vv9yz5cp2m 5 месяцев назад

Добрый вечер! Что будет уметь делать это приложение?

@TimofeyKovalenko 5 месяцев назад

Это концепт приложения диспетчера автопарка, создали специально для обучения, что-бы дальше на его примере разные фичи android и flutter показать.

@TAtoshkkko 3 месяца назад

А с риверподом можно что-то аналогичное?

@TimofeyKovalenko 3 месяца назад

можете использовать без проблем, но мне больше Bloc нравится для Flutter.

@justerik7628 6 месяцев назад

Дайте пожалуйста доступ на дизайн в фигме)

@TimofeyKovalenko 5 месяцев назад

Попробуйте еще раз.

@apbuzzz 8 месяцев назад

Нехватает ссылки на фигму или гитхаб, чтобы рессурсы те же можно было получить.

@TimofeyKovalenko 8 месяцев назад

Закинул в описание. А гит - лучше сами пишите, так эффективнее будет ;)

@stakanovi4 7 месяцев назад

@@TimofeyKovalenko в Figma доступ нужен, так?)

@TimofeyKovalenko 5 месяцев назад

@@stakanovi4 по ссылке из описания.

@repkuc 5 месяцев назад

проблема с добавлением картинок. yaml файл проверил на правильные пробелы , все названия и пути перепроверил. всеравно не может найти ══╡ EXCEPTION CAUGHT BY SVG ╞═══════════════════════════════════════════════════════════════════════ The following assertion was thrown resolving a single-frame picture stream: Unable to load asset: "assets/images/vehicle_motorcycle.svg". The asset does not exist or has empty data.

@TimofeyKovalenko 5 месяцев назад

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

@repkuc 5 месяцев назад

@@TimofeyKovalenko вроде заработало, но как странно , каждый раз когда хочу использовать картинку которую еще не использовал, то чтобы все работало нудно эмулятор перезапустить. Те свгшки которые уже добавлял , могу мечтами менять и тд. Все работает, как хочу вставить ту, что еще не использовал. То нужна перезапуск эмулятор.

@TAtoshkkko 3 месяца назад

Еще вопрос студия жестоко тормозит Ryzen 5 3600 32gb ram windows 11, это норм для этой IDE?

@TimofeyKovalenko 3 месяца назад

Давно не использую windows, но даже на mac бывают глюки. Попробуйте Visual Code, он хорошо c Flutter работает.

@TAtoshkkko 3 месяца назад

@@TimofeyKovalenko а как без студии эмулятор тогда накатить?:))))

@lucefan2816 3 месяца назад

@@TAtoshkkkoНе так сложно, найди видео, есть на англ языке и там повторишь некие действия и всё получится.

@oku_it 5 месяцев назад

Можете дать доступ к Figme

@user-yj1pt9on8r 5 месяцев назад

Присоединяюсь к просьбе.

@TimofeyKovalenko 5 месяцев назад

попробуйте еще раз.

@user-yj1pt9on8r 5 месяцев назад

Получилось, большое спасибо!@@TimofeyKovalenko

@muhammadsodiqbohodirov4746 Месяц назад

poprobuyte vpn

@atabekkk 4 месяца назад

дизайн приложения не открывается

@TimofeyKovalenko 4 месяца назад

Проверил ссылку, все в порядке, попробуйте еще раз.

@tim.wonderer 2 месяца назад

не работает ссылка на файл фигмы блин а уже сел смотреть(

@TimofeyKovalenko 2 месяца назад

Попробовал ссылку в браузереб где нет авторизации в figma, все работаетю Подскажите, что конкретно не работает, права доступа, битая ссылка или еще что-то?

@muhammadsodiqbohodirov4746 Месяц назад

использовать VPN