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 и вызывает проблемы с производительностью.