[RN] <ScrollView>와 <FlatList>

ds-k.fe·2021년 6월 18일
0

React-Native

목록 보기
1/2
post-thumbnail

< ScrollView >와 < FlatList >의 차이

두 컴포넌트 모두 데이터가 화면을 벗어났을 때에 Scroll이 생성된다는 공통점이 있다.
(보이는 것은 똑같다...!)

< ScrollView >

단순히 데이터가 화면을 벗어났을 때 Scroll을 생성하여, User가 스와이프를 통해 벗어난 부분을 볼 수 있게 해주는 데에 그 목적이 있다.

-> 출력 데이터가 고정적이고 데이터 양이 적을때 사용되는 컴포넌트

< FlatList >

데이터가 화면을 벗어났을 때 Scroll이 생성되는 것은 같으나, 화면상에 보이는 부분! 만 렌더링을 한다. 그렇기 때문에 스크롤이 움직일 때 필요한 부분을 추가 렌더링 하기 때문에 초기 렌더링 시 퍼포먼스 향상을 줄 수 있다.

-> 출력 데이터가 가변적(데이터를 가져오는 경우) 사용을 권장

0개의 댓글