为什么我不能设置底部标签栏的高度？

Question

我在 Gloabls.js 文件中设置了全局变量，该文件运行良好，并在我的 App.js 文件中设置得很好。 例如

    global.App_paddingLeft = 3,
    global.App_BottomTabBarHeight = '8%',

在我的 App.js 中，我这样做：

//Tabs across the bottom of the screen
const MainScreenTabNavigator = createBottomTabNavigator(
  {
    HomeStack,
    
    OtherStack,

  },
  {

    tabBarOptions: {

      activeTintColor: 'orange',
      inactiveTintColor: 'black', //white 
      style: {
        backgroundColor: '#ff8278',
        height: global.App_BottomTabBarHeight   //'8%'
      },
      indicatorStyle: {
        backgroundColor: 'black'
      },
      showLabel: false
    },
    
  }
  
);

高度不会使用变量global.App_BottomTabBarHeight = '8%' 。 这个global.App_BottomTabBarHeight肯定会将“8%”传递给 App.js 文件，因为我已经使用了 console.logged 它。

我也试过这样做： height: Dimensions.get('window').height * global.App_BottomTabBarHeight ，其中global.App_BottomTabBarHeight = 0.08 ，但仍然没有

为什么我不能将高度设置为“8%”？

如果我手动输入height: '8%'它工作正常。 奇怪的