如何手动链接库?

时间:2018-05-17 08:28:47

标签: react-native

我想使用react-native-youtube,但它显示错误Native component for "RCTYouTube" does not exist,我试图找到解决方案,如果库具有本机代码,我必须手动链接库。

但我不知道这个链接谈论Manual linking Step1 https://facebook.github.io/react-native/docs/linking-libraries-ios.html

我使用类型命令create-react-native-app testyoutube来创建我的反应原生项目,Visual Studio Code是我的工具。

我不熟悉Xcode。我尝试在testyoutube中打开我的项目文件夹Xcode。它会显示警告Could not open file.

如果我想关注Manual linking Step1我该怎么办?

这是我的文件夹结构: enter image description here

任何帮助将不胜感激。提前谢谢。

2 个答案:

答案 0 :(得分:2)

扩展为Adeel's答案:

  1. 在{your project root} / node_modules / react-native-youtube上找到RCTYouTube.xcodeproj。

  2. 使用XCode打开iOS项目的.xcworkspace(如果.xcworkspace不存在,则打开.xcodeproj)。

  3. 在窗口左侧的项目导航器窗格中找到“库”文件夹,并将RCTVideo.xcodeproj文件拖到其中。

  4. 从窗口左内侧的“目标”列表窗格中选择项目的目标,然后向下滚动到“链接的库和框架”部分。

  5. 单击该部分底部的加号,然后使用搜索栏找到“ libRTCYouTube.a”,从结果中选择它,然后单击“添加”按钮。

您的图书馆现在应该已链接!

答案 1 :(得分:1)

您可以通过两种方式将库与Xcode / Android项目链接起来。

自动链接(在您的react-native项目的根文件夹中的终端中运行): react-native link

手动设置: 它实际上非常简单。使用Xcode打开您的react本机xcode项目(.xcodeproject文件)。

在左侧,您有项目导航器。从Libraries组内的react-native-youtube拖动Xcode项目。

Project Navigator

enter image description here

下一步是将库添加到项目中。单击项目导航器中xcode项目的左侧。转到库部分并添加RCTYoutube库。

在完成所有设置后,重建项目,你就可以了!