我试图在react-native中修复屏幕底部的选项卡栏，在输入一些文本的时候

Question

我试图在react-native中修复屏幕底部的选项卡栏，当我输入一些文本或写一些东西时，选项卡栏出现在键盘的顶部，它不再被固定在底部。我也试过position absolute

这里我已经附加了代码，我给tabNavigator

<Tab.Navigator
screenOptions={{
headerShown: false,
tabBarActiveTintColor: '#000',
tabBarInactiveTintColor: '#fff',
tabBarShowLabel: true,
tabBarStyle: {
backgroundColor: '#327B5B',
position: 'absolute',
bottom: 0,
left: 0,
elevation: 0,
// flex: 1,
height: 70,
paddingBottom: 10,
},
}}>

Answer 1

尝试将keyboardHidesTabBar选项添加到tabBarOptions道具中。这将告诉键盘隐藏标签栏时，键盘是活跃的。它应该是这样的:

<Tab.Navigator
tabBarOptions={{
keyboardHidesTabBar: true
}}
screenOptions={{
headerShown: false,
tabBarActiveTintColor: '#000',
tabBarInactiveTintColor: '#fff',
tabBarShowLabel: true,
tabBarStyle: {
backgroundColor: '#327B5B',
position: 'absolute',
bottom: 0,
left: 0,
elevation: 0,
// flex: 1,
height: 70,
paddingBottom: 10,
}
}}>

这个问题之前已经回答过了，但是我更新了你提交的代码，以防你变得糟糕，给你一点指导!

编辑:我的错误，tabBarOptions需要在屏幕选项之外。