メインコンテンツへスキップ

ScrollViewの使用

ScrollView は、複数のコンポーネントとビューを含めることができる汎用的なスクロールコンテナです。スクロール可能な項目は異種混在が可能で、垂直方向にも水平方向にもスクロールできます(horizontal プロパティを設定することで)。

この例では、画像とテキストを混在させた垂直方向の ScrollView を作成しています。

ScrollView は、pagingEnabled プロパティを使用することで、スワイプジェスチャーによるビューのページングを許可するように設定できます。Android では、ViewPager コンポーネントを使用することで、ビュー間の水平スワイプも実装できます。

iOS では、単一の項目を持つ ScrollView を使用して、ユーザーがコンテンツをズームできるようにすることができます。maximumZoomScaleminimumZoomScale プロパティを設定すると、ユーザーはピンチジェスチャーと展開ジェスチャーを使用してズームイン/ズームアウトできるようになります。

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