StyleSheet

Создание стилей

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import { StyleSheet } from 'react-native';  const styles = StyleSheet.create({  container: {    flex: 1,    padding: 20,    backgroundColor: '#fff',  },  title: {    fontSize: 24,    fontWeight: 'bold',    color: '#333',  },});  // Использование<View style={styles.container}>  <Text style={styles.title}>Заголовок</Text></View>

Зачем StyleSheet?

• Оптимизация — стили отправляются в нативный слой один раз
• Валидация на этапе компиляции (неправильное свойство = ошибка)
• Лучшая производительность, чем инлайн-объекты