Flashlist is much slower when scrolling after upgrade to newest RN and activate newArchitect

[hthieu1110]

Current behavior

I'm implementing an app where I have a medium list (~ 100 items).
The scrolling was smooth when I was with:
RN 0.72.3
Flash-list 1.6.3
React 18.2

when scrolling fast, the screen renders progressively the new items.

After upgrade to
RN 0.74
flash-list 1.7.0
React 18.2 (same version)

when scrolling, the screen does not render progressively anymore and then render all the blank view at the same time but very slow.

Expected behavior
I'd like to have (or an option to switch to) the behavior just like previous version. Maybe this is due to batch-render from React? But seems that this feature exist since react 18 already. I feel like app wait the scroll to be done before rendering.

To Reproduce

Just render a long list (about 300-500 items) with quite heavy component (with background, color). On the newest version of RN and flash-list, the items will be rendered very slowly when scrolling. This happens on both platforms Android/iOS but iOS is performance enough to cover the blank space quickly (even it's still slower than previous version)

Platform:

Android

Environment

@shopify/flash-list: 1.7.0
@react-native: 0.74.0
@react: 18.2

[Slepzs]

Im having issues on android. But works perfectly on IOS

[hthieu1110]

Do we have any news on this :(

[mjooms]

We're seeing the same issue, after upgrade to RN 0.74 scrolling on Android has severe performance issues.

Our lists aren't that long (30 items). In RN 0.72 scrolling was very smooth.

RN 0.74.5, flash-list 1.7.1

[Iuriy-Budnikov]

it's very slow on 0.74.5

[ChronoByteCosmonaut]

Having the same issue

[Webbanditten]

Having the same issue.

[artymir]

Same.

[ZukaGap]

same

[numandev1]

@naqvitalha I am having the same issue, I can see a lot of blank spaces while scrolling and performance is worse after enabling the new architecture

[ivaniuk7531]

I have the same problem. I use the 0.75.3 version of react native and the latest version of Flash List. On Android my list is slow, but on iOS everything works well

[ivaniuk7531]

@hthieu1110 did you find solution?

[Iuriy-Budnikov]

Hey guys,
Any updates?

[SergeyYurkevich]

Any updates?

[renyufei8023]

how to solve?

[viljamik]

Same here

[herberthk]

I'm facing the same issue. The scroll is too laggy and this is my configuration:

• React-native 0.76.1
• flash-list 1.7.2
• new architecture enabled
• Platform Android I've not tested it on IOS

[sis3141]

Same here. Its significant issue for upgrade to rn 0.76 with new architecture

[hanwenbo]

0.76 very slow

[githistory]

same here with RN 0.74.5 without new architecture enabled, only happens on Android

[anirudhsama]

Seeing a major regression in performance with RN 0.76 and Expo SDK 52.

EDIT: Upon further investigation, the issue seems to be related to Reanimated. We had items in FlashList which used Reanimated which seems to be causing the issue.

[Iuriy-Budnikov]

hey guys, how to solve this issue?

[Webbanditten]

@Iuriy-Budnikov The Flashlist developers are probably asking the same question you are...

[Iuriy-Budnikov]

@Iuriy-Budnikov The Flashlist developers are probably asking the same question you are...

I'm going to debug it next week :)