I'd tried FlashList and i'm glad for it aka improve react-native lists speed

Petr Lzicar
Sep 15, 2022

--

Our App PraceZaRohem commonly shows up to 500 items on main screen list. So it’s important to us make scroll smooth and fast. On react-native.eu 2022 conference I saw a presentation about FlashList and immediately i knew that i have try it.

Some time ago we were trying RecyclerListView, but there was a trouble with fixed item height and there were another issues, so we decided abandon it and return to Flatlist. We have tried improve speed by using props initialNumToRender and maxToRenderPerBatch.

DEMO Time

2021 Samsung Galaxy A32 5G (Android 12):

FlashList vs FlatList in app PraceZaRohem on 2021 Samsung Galaxy A32 5G

2016 Xiaomi Redmi Note 4 (Android 7):

FlashList vs FlatList in app PraceZaRohem on 2016 Xiaomi Redmi Note 4

In my humble opinion, the winner is clear 🙂

So thank you guys from Shopify! ❤️

Source: https://shopify.github.io/flash-list/

--

--

Petr Lzicar
Petr Lzicar

Written by Petr Lzicar

I'm react-native and iOS developer

No responses yet