react-native-navigation: how to hide bottomTabs when keyboard is shown?

Question

I am using the bottomTabs navigator from react-native-navigaton to navigation within my app. However, each time I have for example a TextInput field, the bottomTabs are being pushed up.

What is a possible way to hide the bottomTabs whenever the keyboard is being shown?

Answer 1

just add tabBarHideOnKeyboard: true to screenOptions

Answer 2

Add the following to your android manifest in android/app/src/AndroidManifest.xml

in your activity tag add/replace this attribute

the bottom tab should be hidden now.

android:windowSoftInputMode="stateUnspecified|adjustPan"