防止标签栏在react Native中被键盘向上推

Question

我有一个类似的问题，其中底部标签栏是一个自定义组件传递给React导航底部标签导航器，我想要防止它被推到当虚拟键盘弹出时，表示对面的keyboardAvoidingView。

选项卡导航器

<Tab.Navigator
tabBar={(props) => <NavBar {...props} />}
screenOptions={{
tabBarHideOnKeyboard: true,
headerShown: false,
}}
>
<Tab.Screen name="Timeline" component={TimelineScreen} />
<Tab.Screen name="Goals" component={GoalScreen} />
<Tab.Screen name="Notes" component={NoteScreen} />
<Tab.Screen name="Schedule" component={ScheduleScreen} />
</Tab.Navigator>

导航条组件只包含一个简单的视图容器，没有键盘，避免视图随处可见

注意:tabBarHideOnKeyboard: false适用于默认选项卡栏，但不适用于自定义选项卡栏。

Answer 1

得到答案....这里
它只是建议在全屏视图中包装整个导航器。

Answer 2

使用键盘'KeyboardAvoidingView'

详细信息-

https://reactnative.dev/docs/keyboardavoidingview