Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 5 days ago
JSON representation

A Smart ScrollView component for IOS and Android

Awesome Lists containing this project

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