Перечисление 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,
которое задает подпись кнопки действия