search

Shopify / flash-list

A better list for React Native
https://shopify.github.io/flash-list/
MIT License
5.39k stars 276 forks source link

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

Open hthieu1110 opened 1 month ago

hthieu1110 commented 1 month ago

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 commented 1 month ago

Im having issues on android. But works perfectly on IOS

hthieu1110 commented 1 month ago

Do we have any news on this :(

mjooms commented 1 month ago

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 commented 1 month ago

it's very slow on 0.74.5

ChronoByteCosmonaut commented 1 month ago

Having the same issue

Webbanditten commented 3 weeks ago

Having the same issue.

artymir commented 3 weeks ago

Same.

ZukaGap commented 2 weeks ago

same

numandev1 commented 1 week ago

@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 commented 2 days ago

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 commented 1 day ago

@hthieu1110 did you find solution?

Iuriy-Budnikov commented 14 hours ago

Hey guys, Any updates?