Check the documentation for React Native Keyboard Avoiding View.
It is a component to solve the common problem of views that need to
move out of the way of the virtual keyboard. It can automatically
adjust either its position or bottom padding based on the position of
the keyboard.
Example from the How to make your React Native app respond gracefully when the keyboard pops up article
return (
<KeyboardAvoidingView
style={styles.container}
behavior="padding"
>
<Image source={logo} style={styles.logo} />
<TextInput
placeholder="Email"
style={styles.input}
/>
<TextInput
placeholder="Username"
style={styles.input}
/>
<TextInput
placeholder="Password"
style={styles.input}
/>
<TextInput
placeholder="Confirm Password"
style={styles.input}
/>
<View style={{ height: 60 }} />
</KeyboardAvoidingView>
);