How to move a view when the keyboard shows up in React Native?

Question

When the TextInput is focus the keybord is hiding the submit buttom. How to auto-slide the components below the TextInput

Answer 1

I just wanted to add an answer after I solved my own problem. I found that <KeyboardAvoidingView> does not play nicely for whatever reason.

You can also directly manipulate views using event listeners with the Keyboard class.

Keyboard.addListener('keyboardDidShow', () => {
    // manipulate views in whatever way you need to
}
Keyboard.addListener('keyboardDidHide', () => {
    // manipulate views in whatever way you need to
}

Worked very well for me on Android.