Repository navigation
FlatList getItemLayout scroll jumps with dynamic heights #31510
Description
Description
Implemented getItemLayout for a large list with dynamic heights in order to scroll outside of the render window with scrollToIndex, but the scrolling starts jumping when scrolling past the midpoint of a large list.
Likely related if the issue is with VirtualizedList: #31163
Seems like a 🐛 as the small amount of docs that exist for getItemLayout suggest that this is a valid use case.
React Native version:
"react-native": "0.64.1"
Steps To Reproduce
- Create a
FlatListwithgetItemLayoutthat has dynamic heights & a large amount of rows - Scroll to the bottom part of the list until you see the scroll position unexpectedly jump back to the top part of the list
Expected Results
Scrolling the list past the 300th row in the Snack on iOS device does not jump back to 150th row & there's no flickering.
Snack:
https://snack.expo.io/HQaYpJjAn (100% reproducable on iOS device)
Activity
heyItsRDomi commentedon Apr 21, 2023
I've encountered the same issue (IOS and Android).
React Native Version: 0.66.5
agunbuhori commentedon Oct 6, 2023
only works for static heights, and is problematic if each items height is different
github-actions commentedon Apr 4, 2024
This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.
github-actions commentedon Apr 11, 2024
This issue was closed because it has been stalled for 7 days with no activity.