状态栏没有出现在我刚刚开始的博览会项目中

Question

我刚刚启动了一个博览会项目，在旧版本中我没有这样的问题，我只运行了 2 个命令，“npx create-expo-app@latest”和“npm run reset-project”。我只有一个文件，即 index.js，过去 4-5 小时我一直在网上搜索解决方案，但找不到有效的解决方案。

这是截图

我查看了app.json，尝试了expo状态栏，react本机状态栏，我更新了手机上的expo go，尝试放入视图，safeareaview，尝试设置状态栏样式，我什至无法理解它是怎么回事如果我在这个项目中没有做任何事情，状态栏可能不会显示

import { StatusBar } from 'expo-status-bar';
import { Text, View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';

export default function Index() {
  return (
    <SafeAreaView>
      <StatusBar />
      <Text>
        Hello world!
      </Text>
    </SafeAreaView>
  );
}

Answer 1

要自动遵循明暗模式，请添加以下配置。默认为浅色。

{
  "expo": {
    "userInterfaceStyle": "automatic"
  }
}

状态栏会自动跟随此操作。当手动添加到布局时，可以使用 style 属性来控制它。

<StatusBar style="auto" />

有关详细信息，请参阅配置状态栏和颜色主题。