react-native - 在 React Native 中，如何更改 Android 上的 Root View 背景颜色？

Question

我已经在网上阅读了一些教程，但大部分是关于 iOS 的，或者是关于 Android 的，但是使用旧版本的 React，现在一切都变了。

如果我打开 MainActivity.java 只有一种方法

@Override
protected String getMainComponentName() {
    return "myapp";
}

这意味着我无法访问 rootview 并更改其背景颜色，因为现在似乎任何人都无法使用 onCreate 方法。

我也尝试打开 res/styles 并在那里添加我的行，但我不断收到错误

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowBackground">@android:color/black</item>
</style>

我试过了，但没有任何变化，仍然出现相同的灰色背景。
希望我可以在 react 中做到这一点，但在那里添加背景不仅会增加不必要的 overdraw ，在加载时会出现这种滞后，一种背景然后再更改为另一种，非常丑陋。

Answer 1

在 android/app/src/main/res/values/ :

创建(或编辑)colors.xml添加您的背景颜色，例如:

<resources>
  <color name="background">#AB47BC</color>
</resources>

在 styles.xml , 添加一个名为 android:windowBackground 的主题自定义项，引用所选颜色名称，例如:

<resources>
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowBackground">@color/background</item>
  </style>
</resources>