Disable ScrollView bounce NativeScript

Question

Looking for a way to disable the ScrollView bounce or overflow that happens when scrolling reaches the top or bottom of the scroll view.

here how to set the settings in android. Android scrollview remove blue light

Answer 1

Here is a code snippet that might do the trick for you:

if (this.content.ios instanceof UIScrollView) {
        this.content.ios.alwaysBounceVertical = false;
 }

Of course you need to get an instance of the <ScrollView> component from NativeScript and then the native iOS instance.

Answer 2

I have a small utility library that has this function and some other handy functions baked into it.

https://github.com/TheOriginalJosh/nativescript-swiss-army-knife

import {SwissArmyKnife} from 'nativescript-swiss-army-knife/nativescript-swiss-army-knife';

...

let scrollView = page.getViewById('myScrollView');

SwissArmyKnife.disableScrollBounce(scrollView);

Answer 3

Here is how to do it on iOS and Android.

let scrollView = page.getViewById('myScrollView');
if (app.android) {
    scrollView.android.setOverScrollMode(2);
}
else if (app.ios) {
    scrollView.ios.bounces = false;
}