Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I disable stretch effect on React Native Scrollview/Flatlist?

This is the effect I am describing. I am emulating using a Pixel 3 with API 32 on android studio. This page is a scrollview with no styling, and a bunch of views with color stylings and height and width set.

enter image description here

like image 730
Nathan Wesley Avatar asked Jun 26 '26 12:06

Nathan Wesley


1 Answers

This is an effect added by Google in Android 12, this is called "overScroll".

You can turn it off in react-native by using <ScrollView overScrollMode="never">.

See React Native ScrollView doc here.

like image 61
kiuQ Avatar answered Jun 29 '26 05:06

kiuQ



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!