React Native中Android端图标不显示问题求助

1. 确保依赖安装与配置正确 #

react-native-elements的Icon组件依赖react-native-vector-icons，需确认该包已安装并完成Android配置：

• 安装依赖：

  npm install react-native-vector-icons
  # 或使用yarn
  yarn add react-native-vector-icons
  

• 配置Android项目：
  在android/app/build.gradle文件末尾添加：

  apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
  

  若自动链接未生效，在android/settings.gradle中添加：

  include ':react-native-vector-icons'
  project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
  

2. 验证图标类型与名称正确性 #

确认Icon组件的参数无误：

• 注意type参数的大小写，部分版本要求AntDesign需写成type="AntDesign"而非小写的antdesign
• 核对AntDesign图标库中是否存在plus图标，确保名称拼写完全一致

3. 清理缓存并重新构建 #

Android端缓存问题常导致资源加载失败，执行以下操作：

• 重置React Native缓存：

  npx react-native start --reset-cache
  

• 清理Android构建缓存并重新运行：

  cd android
  ./gradlew clean
  cd ..
  npx react-native run-android
  

4. 检查版本兼容性 #

确保react-native-elements与react-native-vector-icons版本匹配，可查看react-native-elements官方文档确认对应依赖版本，避免因版本不匹配导致图标无法渲染。

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