ScrollView 사용하기

ScrollView는 다양한 컴포넌트와 뷰를 담을 수 있는 일반적인 스크롤 컨테이너다. 스크롤 가능한 아이템은 서로 다른 타입일 수 있으며, horizontal 속성을 설정하면 수평 스크롤도 가능하다.

다음 예제는 이미지와 텍스트가 섞인 수직 ScrollView를 만드는 방법을 보여준다.

pagingEnabled 속성을 사용하면 스와이프 제스처로 뷰를 페이지 단위로 넘길 수 있다. 안드로이드에서는 ViewPager 컴포넌트를 사용해 수평 스와이프를 구현할 수도 있다.

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

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