FlatList vs ScrollView

hwakyungChoi·2021년 9월 13일
1
post-custom-banner
  • FlatList : 긴 데이터를 담고 있는 리스트를 다루는 방식 중 하나
    - 화면상에 컴포넌트가 없으면 렌더링하지 않음

    • 효율성이 놓음
    • lazy Rendering
  • ScrollView : 스크롤이 가능하게 만들 수 있는 것
    - 모든 리액트 하위 컴포넌트를 한번에 렌더링
    - 기능적 문제가 생길 수 있음

  • 너무 많은 데이터가 있을 때는 FlatList를 사용

  • data,renderItem, keyExtractor 기본으로 설정해야 함

  • onEndReached 속성의 경우, 사용자가 스크롤 마지막에 도달했다고 인지되었을 때 호출되는 함수

  • onEndReachedThreshold의 경우 리스트의 끝이 어디 쯤인지 설정할 수 있는 속성 : 0일수록 화면 끝임

  • fetchMore: 쿼리를 다시 불러오는 함수 -> 새롭게 추가된 데이터를 cache에서 반영해줘야 함
    (typePolicies)
    -keyArgs를 false로 두는 경우, args로 판별 막음
    - merge의 기존 데이터와 새로운 데이터를 병합해줌

post-custom-banner

0개의 댓글