New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Unexpected scroll behaviors when using FlatList #44073
Comments
|
|
Upgraded the version yet the issue is still persists. |
Added link to a snack to reproduce this issue: https://staging-snack.expo.dev/kawPQ53xi5xNUpxnPKYfB |
Temporary solution for the issue is adding this line to FlatList |
Thanks for the temporary fix but this issue needs fixing even without |
I also had this issue with nested scroll using ScrollView |
Description
Content teleports to right when over-scrolling, if the content is less.
What I am trying to do? 🤔
Two
FlatList
components are nested inside aScrollView
for a custom component to emulate a grid like structure.Example:
[]
represent grid items and|
represents edge of the screen. The items are accessed by scrolling horizontally.How am I doing this? ❓
ScrollView
to disable individual vertical scroll bars for the columns when the component has less space.The first
FlatList
to enable horizontal behavior of gridThe second
FlatList
component are columns. The component can be given used to render list of varying sizes.When the bug occurs? 🪲
The bug happens when data is less and rows to render are more. This causes the array to be chunked in the following way:
Steps to reproduce
HorizontalRowList
component given in the descriptionHorizontalRowList
HorizontalRowList
HorizontalRowList
and observe the behaviorReact Native Version
0.73.6
Affected Platforms
Runtime - Android
Output of
npx react-native info
Stacktrace or Logs
Reproducer
Please check this snack
https://staging-snack.expo.dev/kawPQ53xi5xNUpxnPKYfB
Screenshots and Videos
The text was updated successfully, but these errors were encountered: