React Native添加iOS/Android专属选择框及picker库报错解决方案

你遇到的requireNativeComponent: "RNPicker" was not found in the UI Manager报错，是因为React Native 0.66及以上版本已经将原生Picker组件从核心库中移除，转为社区独立维护的@react-native-picker/picker包，而你使用的react-native-picker-select@8.0.4版本默认依赖旧版RN内置的Picker组件，因此找不到对应的原生组件。

• 第一步：安装适配的Picker依赖包
  执行npm命令：
  npm install @react-native-picker/picker@2.4.0 --save
  若使用yarn则执行：
  yarn add @react-native-picker/picker@2.4.0
  选择2.4.0版本是因为该版本完美适配RN 0.66的架构，不会出现版本兼容问题
• 第二步：同步原生依赖
  iOS端进入项目ios目录，执行pod install后重新编译iOS项目；Android端直接重新编译项目即可
• 第三步：显式绑定Picker组件（可选，若执行前两步仍报错再操作）
  在使用react-native-picker-select的文件中，显式引入安装的Picker组件并传入：

  import RNPickerSelect from 'react-native-picker-select';
  import { Picker } from '@react-native-picker/picker';
  
  // 组件调用时指定CustomPicker
  <RNPickerSelect
    CustomPicker={Picker}
    // 其余原有配置保持不变
  />
  

• @react-native-picker/picker：RN官方团队维护的原生选择器组件，适配全平台，性能最优，适合需要原生交互体验的场景
• react-native-picker：纯JS实现的滚轮选择器，无需原生依赖，样式自定义灵活度高，适合需要高度定制选择器UI的场景
• @react-native-community/datetimepicker：如果你的使用场景是时间/日期选择，该库是官方维护的首选方案，兼容性和稳定性都有保障

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