Status
Dependencies
Package

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

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>

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