ios - React Native SVG - (iOS) 不变违规 : Native component for "RNSVGSvgView" does not exist

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 Phases 中，可在 XCode 窗口顶部找到)

现在你可以开始了:)