개발자

react native 질문 - 스크롤에 따라 header를 고정하고 싶어요

2022년 09월 29일조회 637

스크롤을 하다보면 배너가 중간에 나오고 배너가 가장 위로 올라가면 배너를 상단에 고정하고 싶은데 혹시 react-native에 이런 기능이 있나요?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

엄홍재님의 프로필 사진

해당 스크롤이 ScrollView나 FlatList로 구현되어 있다면 stickyHeaderIndices를 사용하면 됩니다! stickyHeaderIndices값에 인덱스가 베열로 들어가게 됩니다. <ScrollView stickyHeaderIndices={[1, 10]} > {children} </ScrollView> 위와같은 경우 2번째 component 스크롤을 지나치면 상단에 2번째 component가 고정되어 있고 이후에 11번째 component 스크롤을 지나치면 11번째 component가 고정되게 됩니다 ( 0부터 시작인거 아시죠???? ㅋㅋㅋㅋ) 원하시는 기능을 구현할 때 도움이되는 답변이 되면 좋겠습니다

profile picture

익명

작성자

2022년 10월 17일

도움이 많이 되었습니다!! 감사합니다!!!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!