反应导航：增加底部标签导航的高度？

我使用react-navigation为React Native应用程序创建了一个简单的标签导航。它工作正常，但我似乎无法调整其高度。最多只能达到80，我需要将其设为当前高度的150％，也许是两倍。

有谁知道如何增加制表符导航的高度（最好不要再创建约6个js文件？），我只有有限的时间来修复它。

以下是导航代码的原样

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createBottomTabNavigator, createAppContainer } from "react-navigation";

import HomeScreen from './screens/HomeScreen';
import AboutScreen from './screens/AboutScreen';
import SettingsScreen from './screens/SettingsScreen';


export default class App extends React.Component {
  render() {
    return ;
  }
}

const AppNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen
  },
  About: {
    screen: AboutScreen
  },
  Settings: {
    screen: SettingsScreen
  }
}, {
  initialRouteName: "Home"
});

const AppCOntainer= createAppContainer(AppNavigator);

谢谢

截至文档，它说要做tabBarOptiOns={style:{height:100}} 例如：

bottomNavigatorCOnfigs= {
   initialRouteName: "HomeScreen",
   tabBarOptions: {
       style:{height:300}
   }, 
};

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

使用bottomNavigatorConfigs的方式是这样的：

createBottomTabNavigator(bottomRoutesConfig, bottomNavigatorConfigs);

资料来源：https : //reactnavigation.org/docs/en/bottom-tab-navigator.html