暗模式干扰背景颜色
Posted
技术标签:
【中文标题】暗模式干扰背景颜色【英文标题】: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 种方法!以上是关于暗模式干扰背景颜色的主要内容,如果未能解决你的问题,请参考以下文章
Swift 3 - 通过开关更改所有视图控制器的背景颜色(暗模式/夜间模式)
开关打开时更改 UITableViewCells 的背景颜色 - Swift