React Native中RNSVGCircle组件未找到错误求助

你的项目是Expo Managed Workflow（依赖中包含expo ~42.0.1），直接通过yarn add react-native-svg安装第三方SVG库会和Expo内置的SVG模块产生版本冲突，导致原生组件RNSVGCircle无法被UIManager识别。以下是针对性的解决步骤：

步骤1：卸载冲突的react-native-svg #

yarn remove react-native-svg

步骤2：安装Expo官方适配的SVG包 #

Expo 42对应适配的expo-svg版本为~11.1.0，通过Expo命令安装确保版本兼容：

expo install expo-svg@~11.1.0

步骤3：修改代码中的导入路径 #

将原代码中从react-native-svg的导入替换为expo-svg：

// 替换前
// import { Circle } from 'react-native-svg';

// 替换后
import { Circle } from 'expo-svg';

步骤4：清除缓存并重启项目 #

缓存残留可能导致问题持续，执行以下命令彻底清除并重启：

# 清除Metro缓存
npx react-native start --reset-cache
# 清除Expo缓存并启动项目
expo start -c

额外排查点（若以上步骤无效） #

• 调整react-native-reanimated版本：你的项目中react-native-reanimated版本为^2.13.0，Expo 42适配的版本为~2.2.0，过高版本可能引发兼容性问题：

  yarn add react-native-reanimated@~2.2.0
  

• 取消手动链接残留：若之前尝试过手动链接react-native-svg，需清理相关配置：
  • iOS：进入ios目录执行pod deintegrate && pod install
  • Android：打开android/settings.gradle和android/app/build.gradle，删除所有与react-native-svg相关的配置项

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