如何在 React Native 中强制禁用 android 暗模式答案

【问题标题】：How to force disable android dark mode in React Native如何在 React Native 中强制禁用 android 暗模式
【发布时间】：2022-03-24 15:02:14
【问题描述】：

我在 react-naive 中使用了一个应用程序

"react-native": "0.62.0",

“反应”：“16.11.0”，

当我将我的 android 设备置于暗模式时，我的 UI 设计受到干扰，所以我想暂时禁用它。

请帮忙。

【问题讨论】：

用户界面的哪一部分受到干扰？斯塔图巴尔？页脚？按钮？
drive.google.com/file/d/1yr7JFnCVQT_QEq5aUODhw0qjF1X4W1jB/… ，我已经使用一些图像进行了管理，并且在中加载了一些内容页面，因此都创建了问题
stackoverflow.com/questions/53748973/… - 这听起来像是暗模式的解决方案。您还可以更改状态栏的颜色或完全删除状态栏

标签： react-native android-darkmode

【解决方案1】：

您可以通过在您的 android 文件夹中的 styles.xml 添加此行来禁用 android 中的强制暗模式

<item name="android:forceDarkAllowed">false</item>

这样

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="android:forceDarkAllowed">false</item>
        <item name="android:textColor">#000000</item>
    </style>
</resources>

【讨论】：

根本不工作
你能分享你的styles.xml的代码吗，我在我的每个项目中都使用这个
对我不起作用。
in
记得删除android/app/build并重新安装android app

【解决方案2】：

对于 IOS 更改您的 info.plist

<key>UIUserInterfaceStyle</key>
    <string>Light</string>

【讨论】：