如何更改 Android/React Native 中的灰色顶部横幅？

Question

请注意，应用程序上方有一个中灰色横幅。我怎么能够

1. 删除它（应用程序最好应该在 9:56 以下开始）
2. 更改背景颜色（不太理想）

Answer 1

太长了；

这是 Pixel 4 模拟器上的显示错误。Real Pixel 4 则不存在这样的差距。

编辑

我下面的回答并不准确。我尝试了模拟 Pixel 4，API 29（使用 Android Studio 4.2，macOS Big Sur），带有圆角，就像你的一样，这似乎是手机曲线的问题，而不是空的ActionBar。

我在 Pixel 4 上的应用程序：

甚至 Youtube 也有这个空间：

编辑2

与真实 Pixel 4相比

我们清楚地看到这个巨大的差距仅出现在模拟器上。这是模拟器上的一个错误，可能也是为什么没有人在网络上谈论它的主要原因（谷歌搜索Pixel 4 状态栏高度显示愤怒的 Pixel 5 用户对其巨大高度的结果）。

没有找到任何关于它的错误报告，我将提交一份。

旧答案

你看到的可能是一个空的ActionBar，与你的颜色相同的StatusBar。

如果您使用默认主题，您的应用程序将使用它：

从 Android 3.0（API 级别 11）开始，所有使用默认主题的 Activity 都有一个 ActionBar 作为应用栏。

它显示您的应用程序名称，在 AndroidManifest.xml 中定义MainApplication（android:label如果未找到，则为 ）。MainActivity由于它是空的，因此仅显示一个空白区域。

Theme.AppCompat.*.NoActionBar当您管理自己的导航栏时，您可以在value/styles.xml上禁用您选择的基本主题：

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- You can set the color of your status bar here, or with RN - see further on the answer -->
    <item name="android:statusBarColor">@color/dark</item>
</style>

不要忘记将此主题应用于您的AndroidManifest.xmlMainApplication中：

<application
  android:name=".MainApplication"
  android:theme="@style/AppTheme"
  ...

为了更好地说明，它是这样的：

与NoActionBar（上面的代码）

与parent="Theme.AppCompat.Light"和<item name="android:statusBarColor">@color/dark</item>

带有parent="Theme.AppCompat", 和一个空的应用程序名称。

对于问题的第二部分，您可以在此处更改状态栏的颜色（请参阅相关文档），也可以在 React Native 中更改状态栏的颜色。

Answer 2

去

android/app/src/main/res/values/styles.xmlandroid/app/src/main/res/values/styles.xml

并添加此代码。它将删除

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:textColor">
            #000000
        </item>
    </style>
</resources>