react-native-nested-scroll-view

This is a fork from the original react native ScrollView and a replacement with NestedScrollView.

DISCLAIMER

I build this component while i was building the react-native-bottom-sheet-behavior and the react-native-collapsing-toolbar, which the NestedScrollView was a requirement in order to work with CoordinatorLayout's, if you are not using any native component, and just want to add some nested scroll in some List, i don't know if this component will work for you, feel free to give a try.

This component is too generic and wasn't built covering all Nested Scroll use cases, instead, it was born as just a fork of the original react native ScrollView, and i haven't tested all use cases and possibilities.

This project is android only, and will fallback to ScrollView on iOS.

Issues

If you have any issues, please attach a example project that i could reproduce it, since i don't know how people are exactly using it, without a project example, i won't be able to help you.

Libraries Using it.

* react-native-collapsing-toolbar

* react-native-bottom-sheet-behavior

> Tell me where you are using it!

Getting started

ATTENTION: Make sure to use react-native 0.57.0 or a greater version

#### react-native version 0.57.4 or greater

$ npm install react-native-nested-scroll-view --save

#### react-native version 0.56.0 or bellow

$ npm install react-native-nested-scroll-view@7.0.0 --save

#### react-native versions 0.55.4 or bellow

$ npm install react-native-nested-scroll-view@6.0.1 --save

$3

MainApplication.java

``diff

+ import com.rnnestedscrollview.RNNestedScrollViewPackage;

public class MainApplication extends Application implements ReactApplication {

@Override
protected List getPackages() {
return Arrays.asList(
new MainReactPackage(),
+ new RNNestedScrollViewPackage()
);
}
}

`

android/app/build.gradle


`diff

dependencies {
implementation fileTree(dir: "libs", include: ["*.jar"])
+ implementation 'com.android.support:appcompat-v7:27.1.1'
+ implementation 'com.android.support:design:27.1.1'
implementation 'com.facebook.react:react-native:+' // From node_modules
+ implementation project(':react-native-nested-scroll-view')
}

`

android/settings.gradle

`diff

include ':app'

+ include ':react-native-nested-scroll-view'
+ project(':react-native-nested-scroll-view').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-nested-scroll-view/android')

``

License

MIT