ScrollView
Когда элементы экрана больше не помещаются на дисплей, компонент ScrollView становится необходимым. Он оборачивает все элементы для обеспечения прокрутки.
Пример
import { ScrollView, Text } from 'react-native'
const Screen = () => (
<ScrollView
style={{ flex: 1 }}
contentContainerStyle={{ padding: 16 }}
>
<Text>Элемент 1</Text>
<Text>Элемент 2</Text>
{/* ... много элементов */}
</ScrollView>
)
Горизонтальный ScrollView
<ScrollView horizontal showsHorizontalScrollIndicator={false}>
<Card /><Card /><Card />
</ScrollView>
⚠️ Внимание
Никогда не помещай FlatList или большой динамический список внутри ScrollView — это нарушает виртуализацию FlatList и вызывает проблемы с производительностью.