暗模式干扰背景颜色

Posted 2023-04-18

【中文标题】暗模式干扰背景颜色

【英文标题】：dark mode interfering with background color

【发布时间】：2021-12-04 10:54:18

【问题描述】：

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

例如：

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

但我得到了

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

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

【参考方案1】：

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

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

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

【讨论】：

感谢一百万它的工作原理！

【参考方案2】：

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

像这样使用包：

react-native-appearance

【讨论】：

尽管有任何系统主题，我都在尝试给它固定外观，您是否有不需要第三方软件包的解决方案？

是的，这是最好的教程：buttercms.com/blog/implement-dark-mode-react-native 5 种方法！