RN docs - ScrollView
Exploring the ScrollView component in React Native
August 28, 2024
스크롤 뷰 사용하기
ScrollView는 여러 구성 요소와 뷰를 포함할 수 있는 일반적인 스크롤 컨테이너입니다. 스크롤 가능한 항목들은 다양한 형식을 가질 수 있으며, horizontal 속성을 설정하면 세로로도 가로로도 스크롤할 수 있습니다.
ScrollView는 pagingEnabled 속성을 사용하여 스와이프 제스처를 통해 뷰를 페이징할 수 있도록 설정할 수 있습니다. Android에서는 ViewPager 컴포넌트를 사용하여 뷰 간의 가로 스와이핑도 구현할 수 있습니다.
iOS에서는 ScrollView에 단일 항목을 사용하여 사용자가 콘텐츠를 확대/축소할 수 있게 할 수 있습니다. maximumZoomScale과 minimumZoomScale 속성을 설정하면 사용자가 핀치 및 확장 제스처를 사용하여 콘텐츠를 확대하거나 축소할 수 있습니다.
ScrollView는 소수의 크기가 제한된 항목을 표시하는 데 가장 적합합니다. ScrollView의 모든 요소와 뷰는 화면에 표시되지 않더라도 렌더링됩니다.
화면에 맞지 않는 긴 항목 목록이 있는 경우에는 대신 FlatList를 사용하는 것이 좋습니다.