React native 反应导航：增加底部选项卡导航的高度？

我使用React navigation为React本机应用程序创建了一个简单的选项卡导航。它很好用，但我似乎无法调整它的高度。它最多只能达到80左右，我需要它达到当前高度的150%左右，可能是两倍

有没有人知道如何增加标签导航的高度（最好不要再创建6个js文件？）

下面是导航代码

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
从“react navigation”导入{CreateBoottomTabNavigator，createAppContainer}；
从“./屏幕/主屏幕”导入主屏幕；
从“./screens/AboutScreen”导入AboutScreen；
从“/screens/SettingsScreen”导入设置屏幕；
导出默认类App扩展React.Component{
render（）{
返回；
}
}
const AppNavigator=createBottomTabNavigator({
主页：{
屏幕：主屏幕
},
关于：{
屏幕：AboutScreen
},
设置：{
屏幕：设置屏幕
}
}, {
初始路由名称：“主页”
});
const AppContainer=createAppContainer（AppNavigator）；

---

谢谢

正如文档中所说，您只需要添加

选项卡选项={style:{height:100}

例如：

bottomNavigatorConfigs={
initialRouteName：“主屏幕”，
选项卡选项：{
样式：{高度：300}，
},
};

这是bottomNavigatorConfigs（已测试）和正在工作的示例

如下图所示使用bottomNavigatorConfigs：

createBottomTabNavigator（bottomrouteconfig，bottomnavigatorconfig）；

来源：

选项卡选项：{ 风格：{ 身高：50%， } }

---

试试看，这可能有用。

在设置绝对高度时，请小心iPhone的主指示器，因为您需要考虑iPhone底部的额外空间

从'react native safe-area-context'导入{useSafeaInsets}；
...
导出常量导航=（）=>{
常量插入=使用安全区域插入（）；
返回(
...

我打开文档，试着编辑一些世博会的“小吃”（虽然我没有使用世博会）…仍然没有乐趣！高度重视我们的选择