ScrollView 사용하기

ScrollView는 여러 컴포넌트와 뷰를 담을 수 있는 일반적인 스크롤 컨테이너이다. 스크롤 가능한 아이템들은 서로 다른 타입일 수 있으며, horizontal 속성을 설정해 세로와 가로 스크롤을 모두 사용할 수 있다.

이 예제는 이미지와 텍스트가 혼합된 세로 방향 ScrollView를 만드는 방법을 보여준다.

pagingEnabled 속성을 사용하면 스와이프 제스처로 뷰 간 페이지 이동이 가능하도록 ScrollView를 설정할 수 있다. 안드로이드에서는 ViewPager 컴포넌트를 사용해 가로 스와이프를 구현할 수도 있다.

iOS에서는 단일 아이템을 가진 ScrollView를 사용해 사용자가 콘텐츠를 확대/축소할 수 있다. maximumZoomScale과 minimumZoomScale 속성을 설정하면 사용자가 핀치 제스처를 사용해 콘텐츠를 확대하거나 축소할 수 있다.

ScrollView는 크기가 제한된 소수의 아이템을 표시하는 데 가장 적합하다. ScrollView의 모든 엘리먼트와 뷰는 현재 화면에 보이지 않더라도 렌더링된다. 화면에 맞지 않는 긴 목록을 다룰 때는 FlatList를 사용하는 것이 좋다. 이제 리스트 뷰에 대해 알아보자.