react native 怎么引用第三方库
答案:2 悬赏:40 手机版
解决时间 2021-02-16 04:11
- 提问者网友:玫瑰园
- 2021-02-15 03:53
react native 怎么引用第三方库
最佳答案
- 五星知识达人网友:走死在岁月里
- 2021-02-15 05:10
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,如图所示:
到此,我们完成了第三方库的添加,就可以开始正式的使用。
进入项目的根目录,即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,如图所示:
到此,我们完成了第三方库的添加,就可以开始正式的使用。
全部回答
- 1楼网友:话散在刀尖上
- 2021-02-15 06:02
1. 安装react-native-camera 进入项目的根目录,即package.json的目录。打开终端,使用npm安装最新版本,如果没有错误,则说明安装成功: npm install react-native-camera@latest --save 安装成功后,就可以在项目的node_modules目录下看到reac.
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯