react-native-keyboard-view-space

React-native-keyboard space animates the sliding up of your child component whenever keyboard appears.

Usage no npm install needed!

<script type="module">
  import reactNativeKeyboardViewSpace from 'https://cdn.skypack.dev/react-native-keyboard-view-space';
</script>

README

React-native-keyboard-spacer

| | Status | | - | - | | Dependencies | Dependencies| | Package | npm package version npm downloads Type definitions

Description

React-native-keyboard-spacer animates the sliding up of your child component whenever keyboard appears.

Installation

npm i react-native-keyboard-view-space

and then import it in your component

import KeyboardViewSpacer from 'react-native-keyboard-view-space'

and finally use it like this

<KeyboardViewSpacer>
      //child Components 
      
</KeyboardViewSpacer>

Real World Example Code

Note: Here is the JSX code and the relavent styling for the above gif UI.