https://github.com/bolket/react-native-scrollview-smart

A Smart ScrollView component for IOS and Android
https://github.com/bolket/react-native-scrollview-smart

Last synced: 3 months ago
JSON representation

A Smart ScrollView component for IOS and Android

• Host: GitHub
• URL: https://github.com/bolket/react-native-scrollview-smart
• Owner: Bolket
• License: mit
• Created: 2016-07-28T12:36:34.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2022-01-20T16:08:00.000Z (almost 4 years ago)
• Last Synced: 2024-04-13T21:57:54.399Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 1.27 MB
• Stars: 81
• Watchers: 2
• Forks: 4
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-react-native - react-native-scrollview-smart ★75 - A Smart ScrollView component for IOS and Android. (Components / UI)
• awesome-react-native - react-native-scrollview-smart ★75 - A Smart ScrollView component for IOS and Android. (Components / UI)
• awesome-reactnative-ui - react-native-scrollview-smart - native-scrollview-smart.svg?style=shield&circle-token=:circle-token)| (Others)
• awesome-reactnative-ui - react-native-scrollview-smart - native-scrollview-smart.svg?style=shield&circle-token=:circle-token)| (Others)
• awesome-react-native - react-native-scrollview-smart ★75 - A Smart ScrollView component for IOS and Android. (Components / UI)
• awesome-react-native - react-native-scrollview-smart ★75 - A Smart ScrollView component for IOS and Android. (Components / UI)

README

          
# React Native Scrollview Smart [![CircleCI](https://circleci.com/gh/Bolket/react-native-scrollview-smart.svg?style=shield&circle-token=:circle-token)](https://circleci.com/gh/Bolket/react-native-scrollview-smart) [![react-native-scrollview-smart](https://img.shields.io/npm/dm/react-native-scrollview-smart.svg)](https://www.npmjs.org/package/react-native-scrollview-smart) [![npm version](https://img.shields.io/npm/v/react-native-scrollview-smart.svg?style=flat)](https://www.npmjs.com/package/react-native-scrollview-smart) [![Known Vulnerabilities](https://snyk.io/test/github/bolket/react-native-scrollview-smart/badge.svg)](https://snyk.io/test/github/bolket/react-native-scrollview-smart)

A smart iOS and Android scrollview for React Native

## INSTALLATION

```shell

npm i react-native-scrollview-smart --save

```

### Android

in your `AndroidManifest.xml add:

```xml

```

## Demo



  



## Usage

See the Example app

```javascript

class Example extends Component {

  constructor(props) {

    super(props);

    this.scrollOnFocus = this.scrollOnFocus.bind(this);

  }

  scrollOnFocus = inputName => () => {

    this.scroll.inputFocused(

      findNodeHandle(this[inputName]),

    );

  }

  render() {

    return (

       (this.scroll = e)}

      >

         (this.input = e)}

          onFocus={this.scrollOnFocus('input')}

        />

        // ...

      

    );

  }

}

```

Donate

------

* Etherium (ETH): 0x57b5ab33a339fc7fab86127981e4095b84d5ddfa