cbartondock / react-native-nested-scrollview

React native wrapper for android NestedScrollView

react-native-nested-scrollview

React native wrapper for android NestedScrollView. It's extract from react-native-bottom-sheet-behavior

Install

$ npm install react-native-nested-scrollview

Install with RNPM

$ react-native link react-native-nested-scrollview

Install Manually

Edit the current files as follows.

MainApplication.java

+   import com.mohtada.nestedscrollview.NestedScrollViewPackage;

    public class MainApplication extends Application implements ReactApplication {

      @Override
      protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
+           new NestedScrollViewPackage()
        );
      }
    }

android/app/build.gradle

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

android/settings.gradle

include ':app'

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

Usage

You should use NestedScrollView instead of ScrollView.

    import NestedScrollView from 'react-native-nested-scrollview';

    render() {
      return (
          <NestedScrollView>
            <NestedScrollView>
            </NestedScrollView>
          </NestedScrollView>
      );
    }