flatlist (2)

박은정·2022년 10월 7일
0

TIL

목록 보기
55/70

getItemLayout

getItemLayout은 항목의 크기 (너비/높이)를 미리 아는 경우 동적인 사이즈 측정을 건너뛸 수 있는 옵션 최적화입니다.
다음과 같은 고정 크기 항목이 있는 경우 효율적입니다.

 getItemLayout={(data, index) => (
    {length: ITEM_HEIGHT, offset: ITEM_HEIGHT * index, index}
  )}

getItemLayout을 추가하면 수백 개의 항목 목록에 대한 성능이 크게 향상될 수 있습니다.
ItemSeparatorComponent를 지정하는 경우 ItemSeparatorComponent에 separator의 길이를 포함해야 합니다.

initialNumToRender

초기 배치에서 렌더링할 항목 개수입니다.
화면을 채우기에 충분해야 하지만 그 이상은 아닙니다.
이러한 항목은 scroll-to-top 작업의 인식 성능을 향상시키기 위해 windowed 렌더링 일부로 마운트 해제되지 않습니다.

initialScrollIndex

첫번째 항목으로 시작하는 대신 initialScrollIndex으로 시작합니다.
이렇게 하면 첫번째 초기 NumToRender 항목을 렌더링하고 이 초기 인덱스에서 시작하는 항목을 즉시 렌더링하는 scroll to top 최적화가 비활성화됩니다.
getItemLayout을 구현해야 합니다.

inverted

-1값을 주게 되면 스크롤방향을 반대로 합니다.

profile
새로운 것을 도전하고 노력한다

0개의 댓글