【问题标题】:dark mode interfering with background color暗模式干扰背景颜色
【发布时间】:2021-12-04 10:54:18
【问题描述】:

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

例如:

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

但我得到了

第一个在系统暗模式下,第二个在亮模式(settings & phone model

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

【问题讨论】:

    标签: javascript android react-native android-dark-theme


    【解决方案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

    【讨论】:

    猜你喜欢
    • 2015-09-13
    • 2021-09-18
    • 2021-10-19
    • 1970-01-01
    • 2020-04-28
    • 2021-09-13
    • 2020-03-09
    • 2021-10-06
    • 2013-05-12
    相关资源
    最近更新 更多