안녕하세요. 스크롤 뷰를 내리다 Header에 걸치면 특정 컴포넌트의 스크롤을 멈추게 하고 싶은 적 있으신가요?
오늘은 스크롤 뷰의 Sticky 속성인 stickyHeaderIndices에 대하여 알아보도록 하겠습니다.
▲오늘의 예제
정말 간단합니다!
ScrollView(스크롤 뷰) 속성에 stickyHeaderIndices를 추가해주시면 됩니다!
<ScrollView
stickyHeaderIndices={[2]} // 배열 안의 숫자는 sticky 속성을 사용할 컴포넌트의 위치를 적어줍니다.
>
...
</ScrollView>
이런 식으로 사용해주시면 됩니다.
(위 예제에서는 sticky 컴포넌트가 3번째 위치하였기 때문에 배열 안의 숫자를 2로 적어주었습니다)
감사합니다.
'ReactNative > 개발' 카테고리의 다른 글
[React Native]-Scroll To (0) | 2019.11.24 |
---|---|
[React Native]-import 절대경로 설정 방법 (2) | 2019.11.17 |
[React Native]-상태 바(Status Bar) 높이 구하기 (0) | 2019.11.17 |