react-nativereact-native-navigation

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


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?


Solution

  • 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"