Урок 9: TextField, OutlinedTextField, Валидация почты, ErrorState | Курс Android Jetpack Compose

Опубликовано: 11 Июнь 2026
на канале: Kotlin & Android с нуля – Иван Ветров
1,875
73

📖 Текстовая версия урока и практика: https://androidsprint.ru/courses/jetp...
🎯 Обучающая платформа с ИИ: https://androidsprint.ru/?utm_source=...
Код из всех уроков в моем TG канале: https://t.me/ievetrov
Тесты и практика в боте: https://t.me/AndroidSprintBot?start=yt

✅ Смотреть в VK: https://vk.com/ivan.ievetrov
✅ Вопросы и ответы для Android собесов: https://t.me/AndroidSprintInterview
✅ Бесплатный курс по Kotlin:    • Kotlin с нуля – бесплатный курс по основам...  
✅ Бесплатный курс по Android XML:    • Android: пошаговый курс для начинающих. Бе...  

В этом уроке реализуем полноценное поле ввода email на Jetpack Compose — с обработкой текста, валидацией, состоянием ошибки и иконкой очистки. Покажу, как использовать OutlinedTextField в Android-приложении, подключить MutableState и remember, добавить label, placeholder, сделать поле однострочным и подключить логику проверки почты с выводом ошибок в интерфейсе.

Разберём, как устроена реактивная работа TextField, что делать при каждом изменении текста, как валидировать ввод по шаблону, как корректно использовать isError, и почему error-сообщение лучше передавать в label, а не через отдельный Text.

Также покажу, как добавить интерактивную иконку в поле, очистить ввод и сбросить ошибку в одно действие. Разберём, как управлять состоянием поля, отслеживать ввод, валидировать email по шаблону и обновлять UI без лишнего кода. Всё, что нужно для создания интерактивных форм в Jetpack Compose — на примере, который можно сразу использовать в Android-проекте.

00:00 Введение
02:22 Создание текстового поля OutlinedTextField
04:22 Добавление Placeholder
04:55 Добавление SingleLine
05:10 Добавление Label
05:37 Добавление иконки с кнопкой в текстовое поле – IconButton
07:19 Валидация email и ErrorState

#jetpackcompose #mobiledevelopment #какстатьпрограммистом