Flutter с нуля до профи | #4 - Верстка, работа с темой, установка пакетов | Курс для начинающих 2023

Flutter - это идеальный инструмент, чтобы начать путь в айти или перейти на него в 2023. А я как раз тот самый коуч, которого ты искал.

В этом видео мы будем заниматься версткой нашего приложения - криптокошелька. Изучим виджеты ListView, ListTile и подробнее познакомимся с ThemeData (темой приложения на Flutter). Плюс установим первую зависимость нашего приложения - flutter_svg для отрисовки SVG иконок.

Вместе мы разберемся с тем, что такое Flutter и как на нем сделать первое приложение. В рамках курса мы учимся программировать на dart, узнаем про основные виджеты в Flutter, как работать с сетью http dio, узнаем про основной стейт менеджемнт в Flutter - BLoC.

Ссылки из видео:

✅ Полезные ссылки:

00:00 - 00:13 Вступление
00:13 - 00:49 Что будет в уроке и как учиться разработке
00:49 - 02:04 Обновляем цвета приложения, работа с Theme
02:04 - 02:37 Про константы const
02:37 - 03:03 Какие экраны будут в приложении
03:03 - 03:40 Виджеты скрола ListView, SingleChildScrollView, CustomScrollView
03:40 - 04:34 Виджет ListView
04:34 - 04:52 Виджет ListTile
06:29 - 11:42 Как выносить стиль текста в Theme
11:42 - 13:05 Продолжаем работать с темой приложения
13:05 - 15:17 Как добавить свои изображения в assets
15:17 - 15:43 Добавление библиотеки flutter_svg в проект
15:43 - 16:03 Первый способ добавить зависимость
16:03 - 16:23 Второй способ добавить зависимость
16:23 - 17:56 Как отобразить svg иконку в приложение
19:48 - 22:59 Продолжаем украшать приложение и работать с Theme
22:59 - 23:35 Что будет в следующем уроке

#войтивайти #программирование #flutter

[yakut]

Дружище, за объяснение константы отдельный лайк, подписка, колокол и максимальный репост! Спасибо!

[Marknvrstp]

Очень хороший урок спасибо большое ждем больше ! 👏👏

[denisshupenko]

Спасибо, отличные уроки по Flutter!! Просто супер) Продолжай в том же духе

[CreatorDreamer]

Час не мог понять почему выходит ошибка
Theme.of(context).textTheme.bodyMedium, - подчеркивала
Оказывается перед ListTile( нужно убрать const
Так как это из постоянной становится изменяемой

[vitek]

Отличный урок! За один короткий урок столько всего полезного! Спасибо))

[Denis-pubt]

Все понятно, отличный урок, спасибо 👍

[CntrolDev]

Огромное спасибо, сейчас начал переход с Xamarin/MAUI на Flutter (так как у них огромный проблемы с багами) и твои уроки в этом очень помогают

[ДенисЗакутний-жд]

спасибо очень круто и учишь не как все !

[JulieBenchuk]

очень доступное изложение информации по Flutter, спасибо💣

[dimusss]

Спасибо большое за уроки! Пытаюсь понять есть ли смысл и насколько трудозатратно переходить с Cordova/webview приложения на флаттер, ваши видео очень помогают разобраться с этим фреймворком 👍

[alexandraee]

Чтобы не прописывать руками путь к изображению, можно его скопировать: нажать правой кнопкой мыши на нужный файл и выбрать Copy Relative Path

[IvanIvanov]

У меня не отображается картинка битка при перезапуске на эмуляторе, делал (копипастил) абсолютно всё как в видео, куда еще смотреть?

[lucefan]

скажите пожалуйста вот за вами повторил, в начале видео, в строке scaffoldBackgroundColor: Color., но цвет не дает выбрать вовсплывающем окне его просто нет пишет ошибку . У меня android studio.

[iyueshj]

Почему у меня текст CryptoCsvdurrenciesList слева а не посредине! И второе, если я стартую андроид симулятор то там приложение стандартное, которое изначально было с счетчиком посредине. Что не так?

[enxyse]

Учтите что на андроид эмуляторах не центрируется надпись на шапке и нет разделителя под шапкой, нужно самостоятельно это прописывать

первое centerTitle: true, после title: const Text('CryptocurrenciesList'),

второе между body и ListView

Column(
children: [
const Divider(color: Colors.white24),
Expanded(
child:
), ], ),

[DmitriVoropinov]

Как сделать так чтобы были видны контекстные комментарии компилятора в конце строки редактирования?

[Yhwach-mvcu]

привет, при добавлении svg иконка просто не отображается, никаких ошибок нет, в пабспеке все добавлено, как и видео, но ни одна иконка не отображается, что делать?

[ronaldimko]

Будет ли видео , проекты связанные с esp32? И управлению по ble?

[gugleadik]

Завершением демонстрации "простого приложения Hello world" является запуск его в целевой среде. В случае с Flutter хотелось бы увидеть выполнение простейшего кода на реальном смартфоне, а не виртуальном, а мы занимаемся "украшательствами". В каком уроке показано, как его вставить в смартфон?

[Unrealchik]

Привет, Стас! Спасибо за уроки, они отличные :) У меня вопрос, надеюсь, поможете :) Я на этом уроке сделал все, как Вы писали. Не могу понять, почему у меня не меняется цвет дивайдера в списке. Может ли это быть связано с тем, что у меня при создании проекта по умолчанию вместо primarySwatch стоят colorCheme и useMaterial3? Когда я явно указываю цвет в дивайдере (Divider(color: Colors.green)) - все ок...