FlatList

React native에서 무한스크롤 구현하기 (FlatList 사용)

FlatList는 ScrollView처럼 많은 양의 데이터를 처리할 수 있게 해준다. react에서 map을 쓰는 것 처럼 FlatList를 사용할 수 있고, 추가적으로 다양한 기능을 제공받을 수 있다. FlatList에서 필수적으로 필요한 props는 renderItem와 data다. 또한 map의 key를 설정해주는 것처럼 FlatList에서는 keyExtractor로 key를 설정해준다. onEndReached를 통해서 리스트에 끝에 도달했을 때 실행될 함수를 설정할 수 있고, 이를 통해서 무한스크롤을 구현할 수 있다. 스크롤 뷰가 리스트의 맨 끝에 도착하면 새로 다음 페이지의 데이터를 불러오는 함수를 실행시켜 무한스크롤을 구현한다. onEndReachedThreshold를 통해 마지막 컨텐츠의 어..