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

很多时候,最基础的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 [项目名称]。


(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,如图所示:


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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值