Элемент форм - TextInput

TextInput

TextInput - это основной компонент, который позволяет пользователю вводить текст. Это базовый компонент для ввода текста в приложение с клавиатуры. Props предоставляет возможность настройки для нескольких функций, таких как автокоррекция, автоматический ввод заглавных букв, placeholder-текст и различные типы клавиатуры, например такие как цифровая клавиатура. У него есть свойство onChangeText, которое принимает функцию, вызываемую каждый раз при изменении текста, и свойство onSubmitEditing, которое принимает функцию, вызываемую при отправке текста. Пока не обращайте внимание на хук useState, он используется для изменения состояния приложения, с ним мы познакомимся ближе в следующих сериях.

В этом примере мы сохраняем текст в состоянии, потому что он изменяется со временем.

Есть еще много вещей, которые вы можете сделать с вводом текста. Например, вы можете проверить текст внутри, пока пользователь печатает. Более подробные примеры смотри в справочной документации по TextInput.

Ввод текста - это один из способов взаимодействия пользователя с приложением. Затем давайте посмотрим на другой тип ввода и узнаем, как обрабатывать прикосновения.

Проблемы?

Пишите в Discord или телеграмм чат, а также подписывайтесь на наши новости

Вопросы

Основной компонент, который позволяет пользователю вводить текст?

1. Text
2. TextInput
3. Input

Как называется свойство у компонент TextInput, которое принимает функцию, вызываемую каждый раз при изменении текста?

1. onSubmitEditing
2. onChange
3. onChangeText

Как называется свойство у компонент TextInput, которое принимает функцию, вызываемую при отправке текста?

1. onSubmitEditing
2. onChange
3. onChangeText

Done

Чтобы узнать, насколько хорошо вы усвоили этот урок, пройдите тест в мобильном приложении нашей школы по этой теме или в боте Telegram.

Ссылки:

1. React Native