如何强制禁用@react-native-picker/picker组件的夜间模式？

针对你在React Native 0.68.0版本下遇到的@react-native-picker/picker组件夜间模式自动变色问题，试过全局禁用夜间模式和forceDarkAllowed配置无效的话，可以试试以下几种针对性解决方法：

方法一：给Picker组件单独配置禁用夜间模式的主题 #

1. 在android/app/src/main/res/values/styles.xml中添加自定义主题：

<style name="PickerNoNightMode" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:forceDarkAllowed">false</item>
</style>

2. 在RN代码中为Picker指定该主题：

import { Picker } from '@react-native-picker/picker';

<Picker
    theme="@style/PickerNoNightMode"
    // 其他组件属性
>
    {/* Picker选项 */}
</Picker>

方法二：修改Picker原生安卓代码强制禁用夜间模式 #

1. 找到Picker的原生安卓文件，路径通常是node_modules/@react-native-picker/picker/android/src/main/java/com/reactnativecommunity/picker/RNCPickerView.java
2. 在RNCPickerView.java的onAttachedToWindow方法中添加强制日间模式的代码：

@Override
protected void onAttachedToWindow() {
    super.onAttachedToWindow();
    AppCompatDelegate.setLocalNightMode(AppCompatDelegate.MODE_NIGHT_NO);
}

注意：若修改node_modules内的文件，建议用patch-package保存修改，避免重新安装依赖后配置丢失。

方法三：直接固定Picker的文本与背景颜色 #

如果前两种方法无效，可以通过样式属性强制锁定颜色：

<Picker
    style={{ backgroundColor: '#ffffff', color: '#000000' }}
>
    <Picker.Item label="选项1" value="1" style={{ color: '#000000' }} />
    {/* 其他选项 */}
</Picker>

这种方式需要确保覆盖组件所有状态下的颜色（如选中态、弹窗态等）。

内容的提问来源于stack exchange，提问作者Quintis