react-native-keyboard-view-space

React-native-keyboard-spacer

	Status
Dependencies
Package

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.