@vinaygoyal20/react-native-android-keyboard-adjust-view

Change the input mode for the Android keyboard in a React Native app.

Usage no npm install needed!

<script type="module">
  import vinaygoyal20ReactNativeAndroidKeyboardAdjustView from 'https://cdn.skypack.dev/@vinaygoyal20/react-native-android-keyboard-adjust-view';
</script>

README

react-native-android-keyboard-adjust-view

Change the input mode for the Android keyboard in a React Native app.

If you are having issues with the default keyboard screen adjust modes and need an easy way to instantly switch them in your app. Quickly go from Pan to Resize to Nothing to get the screen displayed perfectly with the keyboard.

Adjust Nothing Example

adjust nothing keyboard down adjust nothing keyboard up

Adjust Resize Example

adjust resize keyboard down adjust resize keyboard up

Installation instructions for Android

Install the package

npm install --save react-native-android-keyboard-adjust-view
That's it, you are good to go.

Example

import AndroidKeyboardAdjust from 'react-native-android-keyboard-adjust-view';

AndroidKeyboardAdjust.setAdjustNothing();
AndroidKeyboardAdjust.setAdjustPan();
AndroidKeyboardAdjust.setAdjustResize();
AndroidKeyboardAdjust.setAdjustUnspecified();
AndroidKeyboardAdjust.setAlwaysVisible();
AndroidKeyboardAdjust.setAlwaysHidden();
AndroidKeyboardAdjust.setVisible();
AndroidKeyboardAdjust.setHidden();
AndroidKeyboardAdjust.setUnchanged();