Skip to main content

FlatList

Loading...

How to use

import { FlatList } from '@vibrant-ui/core';

Properties

PropTypeDefaultDescription
renderItem() => ReactElement | nulldata로부터 아이템을 받아 리스트에 렌더할 요소를 지정합니다
dataarray배열 형태로 renderItem으로 전달될 아이템의 리스트를 지정합니다
columnsnumber열의 개수
maxRowsnumber최대 행의 개수
keyExtractor(item: Data, index: number) => string주어진 아이템에 대한 키를 지정합니다
columnSpacingnumber0열 사이의 간격
rowSpacingnumber0행 사이의 간격
onItemImpressed(item: Data, index: number | null) => void;아이템이 화면에 보이는 순간 호출되는 콜백함수
onEndReached() => void;리스트의 끝에 도달했을 때 호출되는 콜백함수
Previous
ToastProvider