Урок 30: "Основы Flutter - верстаем themoviedb, экран авторизацию
Vložit
- čas přidán 27. 04. 2021
- Пожертвования - boosty.to/lazyloadflutter
______
Канал с анонсами в телеграм - t.me/lazyload_flutter
______
Группа в телеграм - t.me/learnDartFlutter
______
Группа в вк - club203125105
______
![The moment we stopped understanding AI [AlexNet]](http://i.ytimg.com/vi/UZDiGooFs54/mqdefault.jpg)
3:17
Открытие мобильной версии сайта
5:15
Создание и отладка нового проекта
7:17
Виджет авторизации
13:08
Устанавливаем ListView в body для дальнейшего скролла элементов и создаём виджет шапки.
15:25
Добавляем текст
24:21
Поля ввода в StatefulWidget
28:24
Поля border в TextField
32:18
Padding у border в TextField
35:07
Схлопывание поля ввода вводы до размеров текста.
36:38
Цвет border в TextField. !Решение здесь не найдено!.
43:21
Сокрытие пароля в поле его ввода.
43:47
Добавление кнопки авторизации и сброса пароля.
51:20
Добавление кнопок регистрации и верификации.
58:00
Логика авторизации
1:09:57
Анимация кнопки Login
1:11:36
План следующего урока.
Спасибо большое за отличные уроки по Flutter!
Спасибо за видео. В конце, где if и многоточие - неожиданно было! 😁
Доходчиво, до самых косточек. Спасибо, от души 🔥🔥🔥
Много полезной информации:) Спасибо!)
Лайк не глядя)
спасибо за качественный русскоязычный Flutter контент
thank you for lessons, you are number one blogger
Спасибо за видос, очень круто и понятно))))
Спасибо за видео.Коммент в поддержку!
Класс. Очень круто, верстал свое приложение по образцу.
Спасибо за мастер класс)
Спасибо за урок!
Спасибо. Очень понятно объяснил!!!
Спасибо за видео!
добавляем поле
focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: Color(0xff01b4e4)))
в InputDecoration
и это меняет цвет только при фокусировке
Кто на TextField с border завис, можно сделать так:
const textFieldStyle = InputDecoration(
enabledBorder: OutlineInputBorder(
borderSide: BorderSide(width: 2, color: Color(0xff01b4e4))),
focusedBorder: OutlineInputBorder(
borderSide: BorderSide(width: 2, color: Color(0xff01b4e4))),// Цвет бордера при фокусе.
спасибо
Очень интересно 👍
Супер, спасибо!
отлично! супер!
Это топ конечно)
Круто!
Спасибо большое. Прошел сегодня этот урок. Планирую повторить каталог книг. Надеюсь найду нормальное Api
Как успехи с флатером?
@@user-bu5xw6yf8qпривет. Отлично, уже два месяца работаю. Два месяца учил, дошёл до в третьего этапа и подал резюме... ну сейчас нон стоп на работе
@@dan.gorbunov Красава)) Этот курс похож на "Путь самурая" по реакту, можно спрашивать в коментах кто на каком уроке нашел работу)
@@user-bu5xw6yf8q я до этого учил много, это скорее навык и безвыходность, очень нужна была работа
я как то тоже хотел изменить стили кнопок, и вместо того чтобы посмотреть в доке, искал color: а его то нету, а всего лишь надо было использовать MaterialStateProperty🤦♂
урок супер как всегда)
п.с. сидел и мысленно говорил(фокусБордер😅) , но ты меня не услышал((
22:03 .... точно не скажу, в воорде так, скорее всего Шриффты разны, от этого зависит визуальный размер текста (16 шрифт у Calibry и Arial это разное)
За комменты внизу Спасибо отдельно!
Thanks
а как верстать подвал? About , Contact ... будут кнопками? если да то как их сделать без отступов? у кнопок не убирается высота
20:08 а шрифты были))
OK!
подскажите hotkey для wrap with. Пользуюсь VS code на Windows.
ctrl + .
Генадий, извиняюсь за вопрос не сильно в тему, но можно же в теории все стили закинуть в отдельный файл из разряда style_widget, что бы оно не маячило в вертске, по типу как делают с CSS в вебе?
можно, но зачем? тогда в верстке останутся только голые блоки и ничего не будет понятно, и все правки нужно будет делать в двух местах, а так все логически связано и находится вместе.
Доброго времени суток, спасибо за уроки, все очень детально. Но у меня вопрос, на 55 минуте создается абстрактный класс для стилей кнопки, я наверное что-то пропустила, но почему класс абстрактный? Насколько это правильно и как можно еще по другому вынести общие стили и константы для всего проекта?
Что бы нельзя было его экземпляр создать. Как вариант можно сделать обычный класс и сделать конструктор приватным
Чуть не забыл поставить лайк и оставить комментарий 😅
Придётся и правда для ВК пробовать, thernmovie заблочен(
где заблочен? в рф?
в данное время нету pedantic да? Существует flutter lints
Не получается вывести 'неверный пароль'. Хелп! Делаю все также, но когда нужно создать строку final errorText = this.errorText; подчеркивается второй errorText (который у this) и vsc предлагает создать getter, с которым ничего не работает (это понятно). Непонятно почему не дает так инициализировать переменную через this
Проблему решил сам))) оказалось создал стринг? переменную внутри функции, а не класс
У меня требует вводить const. Как это отключить??
Надо ставить const, а не отключать)
Евгений, добрый день. Подскажите пожалуйста, как проваливаться, в описание классов?
ctrl pзажимаете и кликаете мышкой
@@aleksandrsviridenko5079 Спасибо большое
В словах Login и Admin ударение падает на первый слог
1:04:43 можно сделать вот так:
errorText != null
? SizedBox(
height: 20,
child: Text(errorText, style: TextStyle(color: Colors.red)))
: SizedBox(height: 20),
Я не стал использовать нул, вместо него взял ' ' пробел и теперь верстка не прыгает, так как там есть строка, просто пустая, а затем подменяется на текст ошибки. Не знаю насколько это верно в плане разработки
linkButton что это?
это старая кнопка, такие уже не используются
//Меняем цвет border
final textFieldDecorator = const InputDecoration(
// border: OutlineInputBorder(),
isCollapsed: true,
contentPadding: EdgeInsets.symmetric(vertical:10, horizontal: 10),
enabledBorder: const OutlineInputBorder(
borderSide: const BorderSide(color: Color(0xFFced4da), width: 1),
),
focusedBorder: const OutlineInputBorder(
borderSide: const BorderSide(color: Color(0xFF01B4E4), width: 1),
),
);