코딩/React Native

[RN] Flatlist 무한스크롤링 이벤트

카슈밀 2023. 2. 5. 13:07
반응형

onEndReached 함수 호출 부분.

onEndReachedThreshold FlatList의 뷰 위치 설정.

 

해당 내용을 분석하면 전체 크기에 80%에 도착하면 console을 찍게 해놨다.

onEndReachedThreshold={0.8}
onEndReached= {() => { console.log(80);}

 

요렇게 쓰면 해당 무한 스크롤링 이벤트 기초부분이 완성된다.
해당 코드에 도착하면 append 식으로 구현하면되니까.

 

하지만 animation으로 숨겨졌다 보여졌다하는 기능들은 해당 방식으로 구현이 불가능하다.

onScroll을 통해서 유저가 올렸다 내렸다 하는 해당 부분을 감지하는 로직을 추가해야 해당 부분이 완성된다.

728x90