-
Notifications
You must be signed in to change notification settings - Fork 358
Description
Description
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.
Reproduction
Expo Snack or minimal reproduction link:
The issue is reproduced in the fixture app
https://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
- iOS
- Android
- Web (if applicable)
Environment
React Native info output:
System:
OS: macOS 26.2
CPU: (10) arm64 Apple M2 Pro
Memory: 125.64 MB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 20.19.5
path: ~/.nvm/versions/node/v20.19.5/bin/node
Yarn:
version: 1.22.19
path: /opt/homebrew/bin/yarn
npm:
version: 10.8.2
path: ~/.nvm/versions/node/v20.19.5/bin/npm
Watchman: Not Found
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.2
- iOS 26.2
- macOS 26.2
- tvOS 26.2
- visionOS 26.2
- watchOS 26.2
Android SDK: Not Found
IDEs:
Android Studio: 2025.2 AI-252.28238.7.2523.14688667
Xcode:
version: 26.2/17C52
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.9
path: /usr/bin/javac
Ruby: Not Found
npmPackages:
"@react-native-community/cli":
installed: 18.0.1
wanted: 18.0.1
react:
installed: 19.0.0
wanted: 19.0.0
react-native:
installed: 0.79.1
wanted: 0.79.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: false
FlashList version:
2.2.0
Additional context
N/A
Checklist
- I've searched existing issues and couldn't find a duplicate
- I've provided a minimal reproduction (Expo Snack preferred)
- I'm using the latest version of @shopify/flash-list
- I've included all required information above