FlashList ⚡️
Wrapper around FlashList component from @shopify/flash-list.
https://shopify.github.io/flash-list/docs/ (opens in a new tab)
FlashList component is a more optimized list component from Shopify development team, it works as react native FlatList component.
So, List component accepts every props from react native FlatList component.
FlashList is a great component with huge performances improvements but it
works better with list items of the same size/height. That's why you have to
pass an estimatedItemSize param to FlashList component.
If you have items with different sizes to display inside your list, you should
use default List / FlatList component. Using FlashList with different sizes
will cause blank spaces while scrolling into the list.
Import
import { FlashList } from "react-native-ficus-ui";Usage
Performance demo ⚡️
Props
renderItem
Takes an item from data and renders it into the list.
| Type | Required | Default |
|---|---|---|
| function | Yes |
data
For simplicity, data is a plain array of items of a given type.
| Type | Required | Default |
|---|---|---|
| ItemT[] | Yes |
estimatedItemSize
A single numeric value that hints FlashList about the approximate size of the items before they're rendered.
| Type | Required | Default |
|---|---|---|
| number | No |