Перейти к основному содержимому

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

TextInput#

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

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

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

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

Проблемы?#

Problem

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

JavaScript Camp

Вопросы#

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

  1. Text
  2. TextInput
  3. Input

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

  1. onSubmitEditing
  2. onChange
  3. onChangeText

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

  1. onSubmitEditing
  2. onChange
  3. onChangeText

Done ✅#

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

Sumerian school

Ссылки:#

  1. React Native

Become a Patron!