Replace FlatList in a React Native app to fix blank cells and janky scrolling during fast scroll
Build a masonry grid layout like Pinterest for a photo or content feed app on iOS and Android
Display long lists of items in a React Native app with automatic item size detection
Migrate an existing FlatList to FlashList with only one or two lines of code changed
| shopify/flash-list | kulshekhar/ts-jest | ixartz/saas-boilerplate | |
|---|---|---|---|
| Stars | 7,074 | 7,077 | 7,078 |
| Language | TypeScript | TypeScript | TypeScript |
| Setup difficulty | easy | easy | moderate |
| Complexity | 2/5 | 2/5 | 3/5 |
| Audience | developer | developer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
FlashList is a list component for React Native, the framework developers use to build mobile apps that run on both iOS and Android from a single codebase. It was created by Shopify to replace the built-in FlatList component, which is the standard way to display long scrollable lists in React Native apps but has known performance problems. The main problem FlashList solves is blank cells. When you scroll quickly through a long list in a typical React Native app, the screen often shows empty white boxes momentarily while the app catches up. FlashList avoids this by recycling the row components that have scrolled off-screen rather than destroying and recreating them, keeping visible content ready at all times. Version 2 of FlashList, which this repository now reflects, was rewritten to work with React Native's new architecture. A notable change from version 1 is that no size estimates are needed: the component figures out item dimensions automatically. The new version is also JavaScript-only, meaning it has no native code dependencies that would require extra compilation steps. For developers already using FlatList, switching to FlashList is designed to take only a line or two of code: the API is intentionally close to what FlatList already provides. The library also supports more advanced layouts, including masonry grids similar to Pinterest where items can have different heights. Installation is done via yarn or npm. The repository includes a full example app in the fixture directory, and documentation is hosted at the project's website. Version 1 documentation remains accessible separately for anyone not yet on the new architecture.
FlashList is a high-performance scrollable list component for React Native apps that eliminates blank cells during fast scrolling by recycling off-screen rows instead of destroying them.
Mainly TypeScript. The stack also includes TypeScript, React Native, JavaScript.
Setup difficulty is rated easy, with roughly 30min to a first successful run.
Mainly developer.
This repo across BitVibe Labs
Verify against the repo before relying on details.