ScrollView を使用する

ScrollView は、複数のコンポーネントとビューを含むことができる、一般的なスクロールコンテナーです。スクロール可能なアイテムは異質であり、縦にも横にもスクロールできます (horizontal プロパティを設定して)。

この例では、画像とテキストを混ぜ合わせた縦の ScrollView を作成します。

ScrollView は、pagingEnabled プロパティを使用してスワイプジェスチャーでビューをページングするように構成できます。Android では、ビューを横にスワイプすることも、ViewPager コンポーネントを使用して実装できます。

iOS では、1 つのアイテムを含む ScrollView を使用して、ユーザーがコンテンツをズームできるようにできます。 maximumZoomScale と minimumZoomScale プロパティを設定すると、ユーザーはピンチインとピンチアウトジェスチャーを使用してズームインとズームアウトできるようになります。

ScrollView は、限られたサイズの少数のものを表示するのに最適です。ScrollView のすべての要素とビューは、画面に現在表示されていなくてもレンダリングされます。画面に収まらない長いアイテムのリストがある場合は、代わりに FlatList を使用する必要があります。では、次に リストビューについて詳しく してみましょう。