https://github.com/cesardeazevedo/react-native-nested-scroll-view

react-native wrapper for android NestedScrollView
https://github.com/cesardeazevedo/react-native-nested-scroll-view

android coordinatorlayout nested-scrolling nestedscrollview react-native

Last synced: about 2 months ago
JSON representation

react-native wrapper for android NestedScrollView

• Host: GitHub
• URL: https://github.com/cesardeazevedo/react-native-nested-scroll-view
• Owner: cesardeazevedo
• License: mit
• Created: 2017-05-31T06:46:34.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2024-04-11T07:57:28.000Z (9 months ago)
• Last Synced: 2024-10-15T19:08:52.987Z (2 months ago)
• Topics: android, coordinatorlayout, nested-scrolling, nestedscrollview, react-native
• Language: JavaScript
• Homepage:
• Size: 74.2 KB
• Stars: 89
• Watchers: 5
• Forks: 36
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# react-native-nested-scroll-view

This is a fork from the original react native ScrollView and a replacement with [NestedScrollView](https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html).

**DISCLAIMER**

I build this component while i was building the [react-native-bottom-sheet-behavior](https://github.com/cesardeazevedo/react-native-bottom-sheet-behavior) and the [react-native-collapsing-toolbar](https://github.com/cesardeazevedo/react-native-collapsing-toolbar), which the [NestedScrollView](https://developer.android.com/reference/android/support/v4/widget/NestedScrollView.html) was a requirement in order to work with [CoordinatorLayout's](https://developer.android.com/reference/android/support/design/widget/CoordinatorLayout.html), 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](https://github.com/cesardeazevedo/react-native-collapsing-toolbar)

* [react-native-bottom-sheet-behavior](https://github.com/cesardeazevedo/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 [email protected] --save`

#### react-native versions 0.55.4 or bellow

`$ npm install [email protected] --save`

### Manual link

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](./LICENSE)