#4 – Написание стилей для приложения

Использование CSS

В React Native не используется язык стилей CSS. Вместо него вы можете использовать язык программирования JavaScript и создавать объекты на его основе. В качестве названий свойств вы указываете схожие названия с языком CSS, а в качестве значений вы указываете так же схожие названия значений из языка CSS. 

Язык CSS хоть и не используется в React Native, но его синтаксис используется повсеместно для создания дизайна приложения.

Написание стилей

Все стили необходимо помещать внутрь отдельного объекта. Пример такого объекта представлен ниже:

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: '#fff',
		alignItems: 'center',
		justifyContent: 'center',
	}
});

Стили, что указаны выше очень схожи с CSS стилями за исключением того, что это JS объект. Подобные стили можно добавлять к любым компонентам. Пример добавления стилей:

<View style={styles.container}></View>