[TIL] FlatList와 scrollView의 차이점

하루를 마무리하며 오늘 얻은 지식 정리!

 

FlatList라고 react native에 방대한 양의 정보를 랜더링하기 위한 태그가 있다.

 

리엑트에서는 flatlist와 같은 기능이 없기 때문에 이걸 왜 써야하는지 궁금해서 찾아본 결과

 

생각보다 엄청난 놈이란 것을 알게 되었다.

 

일반적으로 scrollview와 같이 화면을 초과하는 경우 스크롤 될 수 있도록 기능을 제공하는 점은 같지만

 

FlatList는 한 번에 모든 정보를 랜더링 하지 않고 보이는 부분만 랜더링 한다는 특징을 가진다!

 

상품 정보를 출력하려고 컴포넌트를 구성하던 와중에 scrollview로 편하게 구현할까 하다가

 

혹시 몰라 찾아봤는데 찾아보길 잘했다!!

 

정리 하자면 scrollview는 정보의 양이 고정적이고 많지 않은 경우

 

FlatList는 정보의 양이 많거나 고정적이지 않을 경우 사용하면 될 것 같다.