Skip to content
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

ScrollView bounces back on some android devices #34249

Open
thomasgrivet opened this issue Jul 22, 2022 · 9 comments
Open

ScrollView bounces back on some android devices #34249

thomasgrivet opened this issue Jul 22, 2022 · 9 comments

Comments

@thomasgrivet
Copy link

Description

Hello!
On all my previous and current projects, ScrollView based components (ScrollView, FlatList, ...) had this bug where the ScrollView would bounce back on some real android devices.
I tested on a OnePlus 5, OnePlus 5T, Huawei Honor 9 and all had this issue. Other devices such as Pixels do not.
You may reproduce by quickly swiping in one direction.
I do not have any problem with others application which are not built with react-native.
I uploaded a video in which you can clearly see the list bouncing back randomly (I did not change direction in between swipes).
It is quite a frustrating bug which impact a lot of users, especially on low-end devices.
Do you need any example or infos? Let me know!

Thanks!

Version

0.69.1

Output of npx react-native info

System:
OS: macOS 12.2.1
CPU: (10) arm64 Apple M1 Pro
Memory: 106.02 MB / 32.00 GB
Shell: 5.8 - /bin/zsh
Binaries:
Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
Yarn: 1.22.18 - ~/Dev/React Native/cocolis-react-native/node_modules/.bin/yarn
npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm
Watchman: Not Found
Managers:
CocoaPods: 1.11.3 - /usr/local/bin/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
Android SDK: Not Found
IDEs:
Android Studio: 2021.1 AI-211.7628.21.2111.8309675
Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
Languages:
Java: 18.0.1.1 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.2 => 17.0.2
react-native: 0.68.1 => 0.68.1
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

Inside a ScrollView based component and using a real android device such as a OnePlus 5 / 5T, swipe quickly in one direction multiple times. At some point you will experience this 'bounce-back' bahaviour.

Snack, code example, screenshot, or link to a repository

https://github.com/thomasgrivet/FlashList-Android-Behaviour

@peteritvina
Copy link

same issue

@DaniyalShaikh-0
Copy link

Facing the same issue on Xiaomi device, even with the release build.

@mirik999
Copy link

mirik999 commented Nov 5, 2022

Same issue on Xiaomi device.

@JencirJamal
Copy link

Yeah, i too face exactly the same issue with Flatlist bouncing back sometimes when swiped in the same direction. Hopefully this get's fixed soon.

@AdvMaple
Copy link

AdvMaple commented Apr 19, 2023

Facing the same issue on Android 13 with React 18, React Native 0.71.6
Tested on OnePlus 9R, video attached below

5807431740521758951.mp4

Copy link

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 github-actions bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Jan 16, 2024
@thomasgrivet
Copy link
Author

This issue does still exist, have to comment so it doesn't get closed.

@github-actions github-actions bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Feb 9, 2024
@FatemaDholkawala
Copy link

Any solution for this issue?

@tamayo7
Copy link

tamayo7 commented May 14, 2024

I think it is related to this issue 38236 ? but still can't find the solution tho :(

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

9 participants