FlatList가 너무 느려요...

Question

안녕하세요.

이미지를 무한대로 보여주는 인피니트 스크롤 형식의 피드 화면이 있는데, 이미지 컨테이너를 FlatList로 보여주고 있습니다.

그런데 너무 느리고 버벅거리는 것 같아요.

이미 https://reactnative.dev/docs/optimizing-flatlist-configuration 공식 문서의 방법대로 했는데도 버벅거림이 해결되지 않습니다.

이미지 컨테이너에는 저장하기, 좋아요, 공유하기 정도의 버튼들이랑 좋아요한 사람 프로필 이미지와 문구 정도가 있습니다.

혹시 FlatList 최적화 해보신 분 계시면 방법 공유해주실 수 있나요?

손정현 · Answer

공식 문서를 따라서 최적화를 잘 하셨다면 화면이 버벅거리는거는 FlatList의 문제가 아닐수도 있지 않을까요?

컨테이너의 이미지나 데이터를 불러와서 화면에 보여지는데 들어가는 비용이 FlatList만 있는게 아닌 것 같아서요.

네트워크 비용이 얼마나 되는지 확인해보시면 좋을 것 같습니다. 예를 들면 이미지 파일의 크기도 네트워크 속도에 영향을 주니까요 :)

리액트의 라이프사이클도 의도하신대로 돌아가는지 확인하시면 좋을 것 같아요.

그래도 정 안된다 싶으면 FlashList라는 라이브러리가 있긴 해요! 
https://shopify.github.io/flash-list/