ScrollView 안에 FlatList를 두는 경우

Tags
error
Column
VisualizedLists should never be nested inside plain ScrollViews …
 
 

에러

VisualizedLists should never be nested inside plain ScrollViews …
notion image

원인

FlatListSectionList는 화면에 보이는 것들만 렌더링 하는 렌더링 최적화가 가능한 이점이 가장 큰데요, ScrollView는 전체 요소를 한번에 렌더링 한다.
그래서 렌더링 될 내용이 많은 경우에는 FlatList를 쓰라고 권장하는 것이다.
 
ScrollView 안에 FlatList를 넣을 경우에는 스크린 사이즈를 알지못해서 FlatList도 전체요소를 다 렌더링 하려고 하게 되어서, FlatList의 이점을 활용하지 못하므로 수정하라고 안내가 나오는 것!
 

대책

FlatList의 ListHeaderComponent랑 ListFooterComponent를 활용한다.
notion image