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.xcodeprojXCode 中显示的库目录中。

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

5. 拖入libRNSVG.a“Link Binary With Libraries”部分（位于“Build Phases”中，可在 XCode 窗口顶部找到）

现在你可以走了:)