Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
47 of 196 menu
◀ ▶

Перечисление AutoCapitalize

Перечисление AutoCapitalize управляет автоматическим регистром у компонента TextInput. Строку значения передают в параметр autoCapitalize. На поведение клавиатуры это не влияет, только на подстановку заглавных букв.

Синтаксис

autoCapitalize="words"

Значения

Значение Описание
'none' Регистр не меняют автоматически.
'sentences' Заглавная буква в начале каждого предложения.
'words' Заглавная буква в начале каждого слова.
'characters' Все буквы вводят заглавными.

Значение по умолчанию: 'sentences'.

Пример

Давайте отключим автоматический регистр:

import { useState } from 'react'; import { TextInput } from 'react-native'; export default function App() { const [text, setText] = useState('abcde'); return ( <TextInput value={text} onChangeText={setText} autoCapitalize="none" /> ); }

На экране поле с текстом 'abcde'. Система не подставляет заглавные буквы при наборе.

Пример

Давайте поднимем регистр у каждого слова:

import { useState } from 'react'; import { TextInput } from 'react-native'; export default function App() { const [text, setText] = useState('12345'); return ( <TextInput value={text} onChangeText={setText} autoCapitalize="words" /> ); }

На экране поле с текстом '12345'. После пробела следующее слово на клавиатуре начинается с заглавной буквы.

Смотрите также

  • перечисление TextTransform,
    которое меняет регистр уже нарисованного текста
  • перечисление KeyboardType,
    которое задает тип клавиатуры
  • компонент TextInput,
    который принимает текст с клавиатуры
  • перечисление ReturnKeyType,
    которое задает подпись кнопки действия
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить