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

Перечисление TextTransform описывает строки для ключа textTransform у компонента Text. Исходная строка в коде может остаться прежней, на экран попадёт преобразованный вид.

Синтаксис

textTransform: 'uppercase'

Значения

Значение	Описание
`'none'`	Регистр не меняется.
`'uppercase'`	Все буквы становятся прописными.
`'lowercase'`	Все буквы становятся строчными.
`'capitalize'`	Первая буква каждого слова прописная.

Пример

Давайте поднять регистр строки:

import { View, Text, StyleSheet } from 'react-native';

export default function App() {
	return (
		<View>
			<Text style={styles.loud}>abcde</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	loud: {
		textTransform: 'uppercase',
	},
});

На экране текст 'abcde' отображается прописными буквами.

Пример

Давайте сравнить 'lowercase' и 'capitalize':

import { View, Text, StyleSheet } from 'react-native';

export default function App() {
	return (
		<View>
			<Text style={styles.lower}>abcde</Text>
			<Text style={styles.cap}>12345 12345</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	lower: {
		textTransform: 'lowercase',
	},
	cap: {
		textTransform: 'capitalize',
	},
});

На экране первая строка полностью строчная, во второй каждое слово с заглавной буквы.

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

компонент Text,
который применяет преобразование регистра
перечисление TextDecorationLine,
которое рисует линию у текста
перечисление TextAlign,
которое выравнивает абзац
перечисление AutoCapitalize,
которое задаёт регистр в поле ввода