You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When maintainVisibleContentPosition.startRenderingFromBottom is set to true, only the bottom item is rendered at first. This is causing a flickering effect during list rendering.
It seems to be okay if maintainVisibleContentPosition.startRenderingFromBottom is set to false.
Current behavior
When maintainVisibleContentPosition.startRenderingFromBottom is set to true, only the bottom item is rendered at first.
Expected behavior
When maintainVisibleContentPosition.startRenderingFromBottom is set to true, items to fill the displayed area are rendered.
Description
When
maintainVisibleContentPosition.startRenderingFromBottomis set to true, only the bottom item is rendered at first. This is causing a flickering effect during list rendering.It seems to be okay if
maintainVisibleContentPosition.startRenderingFromBottomis set to false.Current behavior
When
maintainVisibleContentPosition.startRenderingFromBottomis set to true, only the bottom item is rendered at first.Expected behavior
When
maintainVisibleContentPosition.startRenderingFromBottomis set to true, items to fill the displayed area are rendered.Reproduction
Expo Snack or minimal reproduction link:
The issue is reproduced in the
fixtureapphttps://github.com/Shopify/flash-list/tree/921847d35cca043f438a441e9348bad358ffc0fd/fixture
(videos are slowed down so it's easier to see the issue)
web_only_bottom_item_renders_first.mp4
android_only_bottom_item_renders_first.mp4
Platform
Environment
React Native info output:
FlashList version:
2.2.0
Additional context
N/A
Checklist