React Native SVG - （iOS）不变违规：“RNSVGSvgView”的原生组件不存在

Question

我在iOS模拟器上运行React Native的SVG库存在问题。

"dependencies": { 
     "better-fetch": "^1.1.2", 
     "firebase": "^4.8.1", 
     "lodash": "^4.17.4", 
     "react": "16.0.0", 
     "react-native": "0.51.0", 
     "react-native-svg": "^6.0.1-rc.1", 
     "react-redux": "^5.0.6", 
     "redux": "^3.7.2", 
     "redux-logger": "^3.0.6", 
     "redux-thunk": "^2.2.0" 
}

我试过以下无济于事：

npm install react-native-svg --save //(again)
react-native link react-native-svg //(again)
watchman watch-del-all
rm -rf node_modules/ && yarn cache clean && yarn install

Answer 1

图像显然表明问题出在链接中。因此，如果自动链接不适合您，则可以尝试手动链接。 IOS设备缺少手动链接指南;但是，IOS缺少它。

但您可以按照以下步骤在IOS上手动链接：

1. 在XCode中打开您的项目

2. 转到... / node_modules / react-native-svg / ios

3. 找到并将文件RNSVG.xcodeproj拖到XCode中显示的库目录中。

4. 展开刚刚添加的文件（RNSVG.xcodeproj），直到看到libRNSVG.a，它位于RNSVG.xcodeproj > Products）

5. 将libRNSVG.a拖动到Link Binary With Libraries部分（位于Build Phase中，可以在XCode窗口的顶部找到）

现在你很高兴：）

Answer 2

我遇到了类似的问题。重新启动Xcode，模拟器和重建目标似乎在​​我的情况下修复它。

我使用了自动链接过程：

npm install react-native-svg --save  
react-native link react-native-svg