使用React Native Dropdown-Picker时出现渲染错误求助

错误详情 #

• 错误日志：Cannot read property 'default' of undefined
• 报错文件路径：C:\Users\DELL\Desktop\Summer Project\HR MSystem\node_modules\react-native-dropdown-picker\src\components\Picker.js（第183行第46列）
• 关联代码片段：

});  182  
> 183  const THEME = useMemo (() => THEMES  
185  const ICON = useMemo (() => THEMES [1  

• 调用栈：
  • useMemo$argument_0 C:\Users\DELL\Desktop\Sum...components\Picker.js:183:46
  • mountMemo C:\Users\DELL\Desktop\Sum...tiveRenderer-dev.js:11819:29
  • HooksDispatcher OnMount InDEV.useMemo

解决方法 #

• 版本兼容性排查
  该错误多由React Native版本与react-native-dropdown-picker版本不兼容导致。尝试卸载当前版本后安装稳定兼容版：

  npm uninstall react-native-dropdown-picker
  npm install react-native-dropdown-picker@5.4.6
  

  （注：v5.x系列适配RN 0.60+版本，可根据自身RN版本调整）

• THEMES变量校验
  报错核心是访问THEMES的default属性时未定义，需确认：

  • 组件内部THEMES模块是否正确导出了default对象；
  • 若使用自定义主题，检查传入的主题结构是否符合组件要求，未缺失default属性。

• 清除缓存重建项目
  缓存异常可能导致模块加载错误，执行以下命令：

  npm cache clean --force
  npx react-native start --reset-cache
  npm install
  

• 重新安装依赖
  删除node_modules和package-lock.json文件后，重新执行npm install，确保依赖安装完整无缺失。

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