react-native icon indicating copy to clipboard operation
react-native copied to clipboard

ScrollView bounces back on some android devices

Open thomasgrivet opened this issue 3 years ago • 9 comments

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

thomasgrivet avatar Jul 22 '22 19:07 thomasgrivet

same issue

peteritvina avatar Aug 12 '22 12:08 peteritvina

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

DaniyalShaikh-0 avatar Sep 16 '22 09:09 DaniyalShaikh-0

Same issue on Xiaomi device.

mirik999 avatar Nov 05 '22 12:11 mirik999

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.

JencirJamal avatar Dec 12 '22 07:12 JencirJamal

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

https://user-images.githubusercontent.com/46006210/233182518-9068c540-24d2-485d-9cba-292ee57f60c5.mp4

AdvMaple avatar Apr 19 '23 19:04 AdvMaple

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[bot] avatar Jan 16 '24 05:01 github-actions[bot]

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

thomasgrivet avatar Jan 16 '24 08:01 thomasgrivet

Any solution for this issue?

FatemaDholkawala avatar May 01 '24 07:05 FatemaDholkawala

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

tamayo7 avatar May 14 '24 04:05 tamayo7