深色模式干扰背景颜色

Question

我正在尝试将背景颜色应用到我的应用程序，但由于某种原因我无法获得正确的颜色

例如：

<View style={{backgroundColor:'yellow'}}></View>

但我得到了

系统暗模式第一个和亮模式第二个（settings & phone model）

那么如何在任何模式下获得一致的颜色？

Answer 1

您不应该像这样对颜色进行硬编码。尝试根据浅色或深色主题动态使用颜色。

像这样使用包：

react-native-appearance

Answer 2

我不太确定我是否理解正确。但我假设您不希望您的应用程序能够强制执行暗模式，对吗？我们一些使用相同 Redmi Phone 的用户也遇到了强制暗模式的问题，这使得外观非常难看。

如果是这样，请在 /android/app/src/main/res/values/styles 中添加设置为 false 的项目 'forceDarkAllowed'。xml

<resources>
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
    <item name="android:windowBackground">@drawable/launch_screen_bitmap</item>
    <item name="android:forceDarkAllowed">false</item>

深色模式干扰背景颜色

dark mode interfering with background color

javascript

android

react-native

android-dark-theme