I'm trying to disable the elastic scrolling on top of the list view. I'd like to have the upper edge of the picture "stuck" to the status bar. Is that possible?
http://imgur.com/a/ULzxE
We would use showsVerticalScrollIndicator={false} prop to disable the Scroll bar in scroll view component.
Auto scroll is provided out of the box by react native. The ScrollView component by react native has props to scroll to the desired co-ordinates on the screen. There are two such props in ScrollView: ScrollTo(): takes the x and y offset coordinates and scrolls to that position.
contentContainerStyle: It is used to style the content of the ScrollView containers. contentInset: This property is used to inset the scroll view content by a specific amount. contentInsetAdjustmentBehavior: This property is used to identify how the safe area insets are used to modify the content area of the ScrollView ...
scrollEventThrottle If you do not need precise scroll position tracking, set this value higher to limit the information being sent across the bridge. The default value is 0 , which results in the scroll event being sent only once each time the view is scrolled. Type. Default. number.
Yes and no - it's possible for iOS where elastic behaviour is present. Check property bounces
(boolean): https://reactnative.dev/docs/scrollview#bounces-ios
Although it's under ScrollView, this property is inherited by ListView as well.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With