Javascript 反应本机错误-expo statusbar属性更改不'；在App.js中渲染时不会影响任何内容（从屏幕可以完美地工作）

这似乎更像是一个逻辑缺陷，如果有人给我指出了正确的方向，我会非常高兴。所以我的问题是，我有一条完美的工作线，它在一个特定的屏幕上触发，工作完美-

我决定将其移动到App.js，这样我就可以在应用程序的每个屏幕上都有背景色，但最后，它根本没有将该选项应用到任何屏幕上。以下是我的App.js代码：

import React from "react";
import { StyleSheet, Text, View, SafeAreaView } from "react-native";
import HomeScreen from "./src/screens/HomeScreen";
import MainScreen from "./src/screens/MainScreen";
import { NavigationContainer } from "@react-navigation/native";
import { createStackNavigator } from "@react-navigation/stack";
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import Ionicons from "react-native-vector-icons/Ionicons";
import { StatusBar } from "expo-status-bar";

const Tab = createBottomTabNavigator();

function Navigation() {
  return (
    <Tab.Navigator
      screenOptions={({ route }) => ({
        tabBarIcon: ({ focused, color, size }) => {
          let iconName;

          if (route.name === "Home") {
            iconName = focused ? "ios-home" : "ios-home";
          } else if (route.name === "Main") {
            iconName = focused ? "ios-musical-notes" : "ios-musical-note";
          }

          // You can return any component that you like here!
          return <Ionicons name={iconName} size={size} color={color} />;
        },
      })}
      tabBarOptions={{
        activeTintColor: "#E7700D",
        inactiveTintColor: "gray",
        activeBackgroundColor: "#212121",
        style: {
          height: 58,
          //49 default
          borderWidth: 0,
          borderTopWidth: 1,
          borderTopColor: "#151515",
          backgroundColor: "#181818",
        },
      }}
    >
      <Tab.Screen
        name="Home"
        component={HomeScreen}
        options={{ tabBarVisible: false }}
      />
      <Tab.Screen name="Main" component={MainScreen} />
    </Tab.Navigator>
  );
}

function App() {
  return (
    <View style={{ flex: 1 }}>
      <StatusBar backgroundColor="#00000090" />
      <NavigationContainer>
        <Navigation />
      </NavigationContainer>
    </View>
  );
}

export default App;

从“React”导入React；
从“react native”导入{样式表、文本、视图、安全区域视图}；
从“/src/screens/HomeScreen”导入主屏幕；
从“/src/screens/MainScreen”导入主屏幕；
从“@react-navigation/native”导入{NavigationContainer}”；
从“@react navigation/stack”导入{createStackNavigator}；
从“@react navigation/bottom tabs”导入{createBottomTabNavigator}”；
从“反应本机向量图标/Ionicons”导入Ionicons；
从“世博会状态栏”导入{StatusBar}；
const Tab=createBottomTabNavigator（）；
函数导航（）{
返回(
({
tabBarIcon:（{聚焦，颜色，大小}）=>{
让我来；
如果（route.name==“Home”）{
iconName=聚焦？“ios主页”：“ios主页”；
}else if（route.name==“Main”）{
iconName=聚焦？“ios音符”：“ios音符”；
}
//您可以在这里返回您喜欢的任何组件！
返回；
},
})}
禁忌选项={{
activeTintColor:#E7700D“，
颜色：“灰色”，
activeBackgroundColor:#212121“，
风格：{
身高：58，
//49违约
边框宽度：0，
边框宽度：1，
borderTopColor:#151515“，
背景颜色：“181818”，
},
}}
>
);
}
函数App（）{
返回(
);
}
导出默认应用程序；

谢谢