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

Перечисление FontStyle описывает строки для ключа fontStyle у компонента Text. Значение пишут в объекте стиля рядом с fontWeight.

Синтаксис

fontStyle: 'italic'

Значения

Значение	Описание
`'normal'`	Обычное начертание без наклона.
`'italic'`	Наклонное начертание, если шрифт его поддерживает.

Пример

Давайте вывести обычный и наклонный текст:

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

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

const styles = StyleSheet.create({
	plain: {
		fontStyle: 'normal',
	},
	slant: {
		fontStyle: 'italic',
	},
});

На экране 'abcde' прямым шрифтом, '12345' с наклоном.

Пример

Давайте совместить наклон с цветом:

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

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

const styles = StyleSheet.create({
	note: {
		fontStyle: 'italic',
		color: '#112233',
	},
});

На экране наклонная строка 'abcde' заданного цвета.

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

перечисление FontWeight,
которое задаёт толщину начертания
компонент Text,
который применяет fontStyle
перечисление TextDecorationLine,
которое рисует линию у текста
класс StyleSheet,
который собирает объект стиля