React-native ScrollView 사용법

자주사용하는 ScrollView prop 모음

 

* pagingEnabled : true인 경우 스크롤할 때 스크롤 보기가 스크롤 보기 크기의 배수에서 멈춥니다. 수평 페이지 매김에 사용할 수 있습니다. 자료화면이 자연스럽게 넘어가게됩니다

<ScrollView pagingEnabled={true}>

    <image source={"https://자료1"}/>

    <image source={"https://자료2"}/>

</ScrollView>

* horizontal : 인 경우 스크롤 뷰의 자식은 세로로 열 이 true아닌 행에서 가로로 정렬됩니다.

<ScrollView horizontal={true}>

   <Text>1번줄</Text>

   <Text>2번줄</Text>
</ScrollView>

*onScrollBeginDrag :  사용자가 스크롤 뷰를 끌기 시작할 때 호출됩니다.

  -사용자가 스크롤뷰를 끌기시작하면 확인할수있습니다

*scrollsToTop(IOS only) : 인 경우 상태 표시줄을 탭 하면 true스크롤 보기가 맨 위로 스크롤됩니다.