A quick way and easy to wrapper your components above your keyboard
npm install react-native-keyboard-spacer-view --save
import KeyboardSpaceView from 'react-native-keyboard-spacer-view';
<KeyboardSpaceView>
<View>
<TextInput/>
<Button title='Send'/>
</View>
</KeyboardSpaceView>
Expo Snack Example
https://snack.expo.io/@eriveltonelias/react-native-keyboard-spacer-view
Prop | Type | Default | Description |
---|---|---|---|
extraSpace |
number |
0 | Extra space between the keyboard and your View. |