React 本机应用程序在某些手机上具有反转颜色答案

【问题标题】：React native app has inverted colors on some phonesReact 本机应用程序在某些手机上具有反转颜色
【发布时间】：2021-08-28 23:15:47
【问题描述】：

我开始对我的 reat natvie 应用程序进行 alpha 测试，其中一位测试人员向我报告说，在他的手机上，该应用程序看起来像是处于暗模式：

我真的很惊讶，因为我的应用程序没有实现任何暗模式功能，应该如下所示：

测试者正在使用小米mi10 lite手机。

我的大多数应用程序屏幕顶部都有SafeAreaView 的样式：

  container: {
    flex: 1,
    backgroundColor: colors.secondaryColor,
  },

secondaryColor 是'#abf0d1'，有时 backgroundColor 是白色的，就像第二个屏幕截图一样。有谁知道这种颜色反转的事情可能是由什么引起的？

【问题讨论】：

【解决方案1】：

这是因为 MIUI 12+ 版本具有针对单个应用的深色模式高级功能，该功能通过反转布局颜色将不支持深色主题的 Light 主题应用变为深色主题布局。

如果您的应用仅支持 Light 主题，您可以通过以下方式阻止 Force Dark 模式，

在res/values/ 资源styles.xml 中向主AppTheme 添加新属性

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
  <item name="android:forceDarkAllowed">false</item> // <-- add this 
  ...

【讨论】：