A Smart ScrollView component for IOS and Android
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Example
__tests__
lib
.babelrc
.editorconfig
.eslintrc.js
.gitignore
.npmignore
Demo.gif
LICENSE
README.md
circle.yml
index.js
jsconfig.json
package.json
yarn.lock

README.md

React Native Scrollview Smart CircleCI react-native-scrollview-smart npm version Known Vulnerabilities

A smart iOS and Android scrollview for React Native

INSTALLATION

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

Android

in your `AndroidManifest.xml add:

<activity
  android:windowSoftInputMode="adjustPan" ... >

Demo

Usage

See the Example app

class Example extends Component {

  constructor(props) {
    super(props);
    this.scrollOnFocus = this.scrollOnFocus.bind(this);
  }

  scrollOnFocus = inputName => () => {
    this.scroll.inputFocused(
      findNodeHandle(this[inputName]),
    );
  }

  render() {
    return (
      <ScrollViewSmart
        ref={e => (this.scroll = e)}
      >
        <TextInput
          ref={e => (this.input = e)}
          onFocus={this.scrollOnFocus('input')}
        />
        // ...
      </ScrollViewSmart>
    );
  }
}

Donate

  • Etherium (ETH): 0x57b5ab33a339fc7fab86127981e4095b84d5ddfa