当键盘出现时，让我的底部导航栏消失 React Native Navigation

Question

当我点击生物部分时，会打开一个键盘，当我点击它时，我希望底部导航栏消失，请问我该怎么做？

红色部分的导航栏必须在键盘出现时消失

感谢您的帮助

Answer 1

在 tabBarOptions 中使用 keyboardHidesTabBar: true 它会在键盘打开时隐藏底部导航栏。

Answer 2

请注意，如果您使用的是 React Navigation 6x，整个 tabBaroptions 道具已被移除，选项已重命名。

请参阅以下文档：

https://reactnavigation.org/docs/upgrading-from-5.x/#the-tabbaroptions-prop-is-removed-in-favor-of-more-flexible-options-for-bottom-tabs

keyboardHidesTabBar -> tabBarHideOnKeyboard

您的选项卡导航器中有两个选项：

screenOptions => 适用于导航器内的所有屏幕，无需定义选项

<Tab.Navigator screenOptions={{tabBarHideOnKeyboard: true}}>
<Tab.Screen name={"my first screen"} /> 
<Tab.Screen name={"my second screen"} /> 
</Tab.Navigator>

options => 仅适用于当前屏幕

<Tab.Navigator>
<Tab.Screen name={"my first screen"} options={{tabBarHideOnKeyboard: true}}/> 
<Tab.Screen name={"my second screen"} /> 
</Tab.Navigator>

当键盘出现时，让我的底部导航栏消失 React Native Navigation

Make my bottom navbar disapear when the keyboard is appearing React Native Navigation

react-native

react-navigation