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
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