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 |