React Native报错：UIManager中未找到RNSVGLinearGradient组件求助

这个报错是因为react-native-svg的原生组件未正确注册到项目中，以下是针对性的修复步骤：

1. 重新安装并确保react-native-svg链接正常 #

React Native 0.60+ 虽支持自动链接，但偶尔会出现链接不完整的情况，执行以下命令：

npm uninstall react-native-svg
npm install react-native-svg
npx react-native link react-native-svg

2. 清理缓存并重启服务 #

缓存堆积会导致原生组件加载异常，按顺序执行：

• 重置Metro缓存：

  npx react-native start --reset-cache
  

• 清理Android构建缓存：

  cd android && ./gradlew clean && cd ..
  

• 重新运行项目：

  npx react-native run-android
  

3. 匹配react-native-svg与RN版本的兼容性 #

React Native 0.69.5需要对应版本的react-native-svg，安装适配版本：

npm install react-native-svg@12.3.0

（注：此版本为适配RN 0.69.x的稳定版本，若有更新可根据官方说明调整）

4. 手动验证Android原生配置（自动链接失败时） #

如果上述步骤无效，手动检查项目配置：

• 打开android/app/build.gradle，确认依赖块中存在：

  implementation project(':react-native-svg')
  

• 打开android/settings.gradle，确认包含：

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

• 打开MainApplication.java，确认SvgPackage已加入packages列表：

  import com.horcrux.svg.SvgPackage;
  
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.asList(
      new MainReactPackage(),
      new SvgPackage() // 确保该行存在
    );
  }
  

修改完成后重新运行npx react-native run-android。

5. 排查react-native-chart-kit的版本冲突 #

检查package.json中react-native-chart-kit和react-native-svg的版本是否兼容，若存在冲突，调整其中一个包的版本至匹配范围。

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