Website • Getting started • Usage • Performance • Known Issues

Fast & performant React Native list. No more blank cells.

Swap from FlatList in seconds. Get instant performance.

Installation

Add the package to your project via yarn add @shopify/flash-list and run pod install in the ios directory.

Usage

If you are familiar with FlatList, you already know how to use FlashList. You can try out FlashList just by changing the component name and adding estimatedItemSize or refer to the example below:

import React from "react";
import { View, Text } from "react-native";
import { FlashList } from "@shopify/flash-list";

const DATA = [
  {
    title: "First Item",
  },
  {
    title: "Second Item",
  },
];

const MyList = () => {
  return (
    <FlashList
      data={DATA}
      renderItem={({ item }) => <Text>{item.title}</Text>}
      estimatedItemSize={200}
    />
  );
};

See full usage documentation to know better how to use FlashList.

App / Playground

The fixture is an example app showing how to use the library.