在React Native项目中使用第三方库

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/xiangxiezhuren/article/details/52397746

很多时候,最基础的API往往不能满足功能需求,这时我们需要使用一些优秀的第三方库。这里我们在React Native for iOS项目中调用摄像头,我们在GitHub上找到了一个开源库react-native-camera,地址为:https://github.com/lwansbrough/react-native-camera。下面按照如下步骤来使用react-native-camera。

1. 安装react-native-camera

进入项目的根目录,即package.json的目录。打开终端,使用npm安装最新版本,如果没有错误,则说明安装成功:

npm install react-native-camera@latest --save


安装成功后,就可以在项目的node_modules目录下看到react-native-camera文件夹:


2.添加工程

因为该第三方库不是单纯的JavaScript库,其中包含了Objective-C的代码,所以需要编译。将react-native-camera添加到我们的项目中,具体的步骤如下所示。

(1)打开Xcode,找到项目目录,右击Libraries,选择Add Files to [项目名称]。


扫描二维码关注公众号,回复: 3327288 查看本文章

(2)选择node_modules下我们刚才安装的react-native-camera目录,进入该项目,选择并添加RCTCamera.xcodeproj项目文件,这时候应该可以看到Libraries包含了react-native-camera项目。



(3)选中该项目,在Xcode中间的设置栏中找到Build Phases → Link Binary With Libraries。点击“+”按钮,选择libRCTCamera.a添加。




(4)在Libraries中找到并点击RCTCamera.xcodeproj。选择Build Settings选项卡,此时默认显示的是Basic,这里需要选中All选项卡。然后找到Header Search Paths项并点击,确保该项的值包含$(SRCROOT)/../../../React和$(SRCROOT)/../../react-native/React这两项,并且它们的值是recursive,如图所示:


到此,我们完成了第三方库的添加,就可以开始正式的使用。

猜你喜欢

转载自blog.csdn.net/xiangxiezhuren/article/details/52397746