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

Перечисление FontWeight описывает строки для ключа fontWeight у компонента Text. Объект стиля собирают через StyleSheet.

Синтаксис

fontWeight: '600'

Значения

Значение	Описание
`'normal'`	Обычное начертание. Совпадает с `'400'`.
`'bold'`	Жирное начертание. Совпадает с `'700'`.
`'100'`	Самое тонкое начертание из шкалы.
`'200'`	Очень тонкое начертание.
`'300'`	Светлое начертание.
`'400'`	Нормальная толщина, как у `'normal'`.
`'500'`	Средняя толщина между normal и bold.
`'600'`	Полужирное начертание.
`'700'`	Жирное начертание, как у `'bold'`.
`'800'`	Очень жирное начертание.
`'900'`	Максимально жирное начертание из шкалы.

Пример

Давайте сравним 'normal' и 'bold':

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

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

const styles = StyleSheet.create({
	regular: {
		fontWeight: 'normal',
	},
	heavy: {
		fontWeight: 'bold',
	},
});

На экране две строки: первая обычная, вторая жирнее.

Пример

Давайте задать числовую толщину '500':

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

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

const styles = StyleSheet.create({
	mid: {
		fontWeight: '500',
		color: '#112233',
	},
});

На экране одна строка 'abcde' со средней толщиной шрифта.

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

компонент Text,
который рисует строку на экране
перечисление FontStyle,
которое задаёт наклон шрифта
перечисление TextAlign,
которое выравнивает абзац
класс StyleSheet,
который регистрирует стили