Skip to content
Docs
Components
Lists
FlashList

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.

TypeRequiredDefault
functionYes

data

For simplicity, data is a plain array of items of a given type.

TypeRequiredDefault
ItemT[]Yes

estimatedItemSize

A single numeric value that hints FlashList about the approximate size of the items before they're rendered.

TypeRequiredDefault
numberNo