键盘打开时隐藏标签栏反应本机答案

【问题标题】：Hide tab bar when keyboard opens react native键盘打开时隐藏标签栏反应本机
【发布时间】：2021-01-14 10:34:35
【问题描述】：

我想在我的键盘打开时在屏幕上隐藏我的 tabBar。我已经尝试更改我的 AndroidManifest.xml 文件。通过将android:windowSoftInputMode="adjustResize"> 更改为android:windowSoftInputMode="adjustPan"> 我的屏幕 tabBar 在键盘打开时隐藏但问题是我现在我的文本输入与我的键盘重叠，我也尝试过 KeyboardAvoidingView 但它不起作用，因为当您更改 XML 文件时，它也会影响您的其他应用程序组件。所以告诉我如何在键盘打开时隐藏我的 tabBar 而不会更改我的 XML文件。

【问题讨论】：

标签： react-native react-navigation react-native-tabnavigator

【解决方案1】：

您无需使用键盘侦听器并更改您的 AndroidManifest.xml 文件，只需添加此 tabBarOptions 道具即可解决此问题：

 <Tab.Navigator

 tabBarOptions={{

keyboardHidesTabBar: true,

 }}>

 </Tab.Navigator>

【讨论】：

【解决方案2】：

Muhammad Haidar 的另一个答案很棒，但现在已弃用。

写法如下：

<Tab.Navigator
    screenOptions={{
        tabBarHideOnKeyboard: true,
        tabBarStyle: [{ display: "flex" }, null]
    }}
>

【讨论】：