react-native-avoiding-keyboard-scroll-view

Both support android and ios

Getting started

$ npm install react-native-avoiding-keyboard-scroll-view --save

Manual installation

iOS

Android

1. Insert the following lines inside in AndroidManifest.xml:

   <activity
      android:windowSoftInputMode="stateAlwaysHidden|adjustResize">

   note:

   if you want set another mode in different Scenes, you can set properties dynamically in native

    public void setAdjustPan() {
             runOnUiThread(new Runnable() {
                 @Override
                 public void run() {
                     r.getCurrentActivity().getWindow()
                             .setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN
                                     | WindowManager.LayoutParams.SOFT_INPUT_ADJUST_PAN);
                 }
             });
         }

Usage

import { KeyboardScrollView } from 'react-native-avoiding-keyboard-scroll-view'

// TODO: What to do with the module?
class A extends Component{
  render(){
    return (
      <KeyboardScrollView
        keyboardViewOffset={30}
        renderBottomComponent={() => <View/>}
      >
          // your layout
      </KeyboardScrollView>
    )
  }
}

API

Props

All the ScrollView props will be passed.

| Props | Type | required | description | | --------------------- | --------- | -------- | -------------------------------------- | | containerStyle | ViewStyle | no | style of container | | bottomContainerStyle | ViewStyle | no | style of then fixed bottom | | keyboardViewOffset | number | no | distance between keyboard and TexInput | | renderBottomComponent | Function | no | the component of fixed bottom | | scrollRef | ref | no | ref of scroll view |