How to set text input above the keyboard when clicked? React-Native

Question

Currently I have a TextInput at the bottom of my screen, when I press the TextInput the keyboard is placed on top of the TextInput, so I can't see what I am typing. Does anyone know how I would be able to show the TextInput component just above the keyboard, when the component is pressed?

Answer 1

There's an exact component for this, provided by React Native, KeyboardAvoidingView.