美文网首页
react-native中使用CocoaPods

react-native中使用CocoaPods

作者: 康闹闹2013 | 来源:发表于2019-05-14 12:57 被阅读0次

CocoaPods的好处云云不说啦,自行百度~~

需求:需要集成MobileVLCKit.framework这个库到我们的RN项目中。

(一)、如何在react-native项目中使用CocoaPods?以下都以Mac电脑为例:

1、首先查看电脑上是否安装了CocoaPods?

命令行中输入which pod

提示我们该电脑还未安装CocoaPods,那么接下来就安装吧。

2、CocoaPods使用Ruby语言,因此需要先安装ruby环境。但Mac上已自带了ruby环境,因此可以略去这一步。

3、sudo gem install cocoapods,如果执行该命令半天没有反应,这时候通过命令行gem sources -l查看,可以看到如下的source,需要翻墙访问

那么可以通过下面步骤修改称淘宝镜像:

1)gem sources --remove https://rubygems.org/

2)gem sources -a http://ruby.taobao.org/

上面两步已经修改完成,可以通过如下命令验证下是否修改成功:

    gem sources -l

如果终端上出现如下提示,则说明修改成功了

*** CURRENT SOURCES ***

        http://ruby.taobao.org/

4、修改成功后,再命令行中输入:sudo gem install cocoapods,安装完成后

5、此时可以再次命令行中输入 which pod,会发现提示:

至此,mac上已安装好了CocoaPods。

(二、)如何在react-native项目中使用CocoaPods

    本文默认已经掌握了react-native的环境搭建,如果不会,可以参考文章:

https://reactnative.cn/docs/getting-started.html。

   命令行中,进入到想放置RN项目的目录下,执行react-native init xcDemo (其中xcDemo就是你想创建的工程名字),新创建的RN工程中包含如下目录结构:

进入到ios目录下,看到如下目录结构,此时该目录下并没有Podfile等,说明该工程现在还没有集成cocoapods,RN项目默认是不创建的哦

那么接下来就给该工程集成下CocoaPods吧:)

1、创建Podfile文件

    cd .../xcDemo/ios/目录下,执行pod init,会在ios目录下生成一个Podfile,如下:

也可以命令行中vim Podfile看一下哦!

2、下面编辑Podfile,把需要使用CocoaPods下载的三方库包含到里边去,当然前提是该三方库支持CocoaPods. 以本文开头的需求为例,编辑Podfile文件如下:

3、直接把默认创建的Podfile都删除掉,按照下面的编辑即可:

4、命令行输入 pod install --verbose --no-repo-update,等待时间会比较长,然后发现报了下面这个错误:

5、网上说是网络问题,需要翻墙,但咱没有,因此将手机的移动网络打开,开热点,电脑上连接该热点,再次执行 pod install,20分钟就搞定了!大约耗费了800M的流量。

这个MobileVLCKit库比较特殊,installing的时候报错了,修改Podfile,

platform :ios,"8.0"

target '你的工程' do

    pod 'YYCategories'

end

修改完保存后,再次执行 pod install,这时候不会再去setup CocoaPods相关的东西,很快就好了。

6、此时再次查看 RN工程/ios目录下的目录结构,如下,会发现多了一个xcDemo.xcworkspace的文件

7、之后进入到 rn项目的ios目录下,双击xcDemo.xcworkspace文件打开xcoede工程,即可打开你的RN工程。

完毕!

相关文章

网友评论

      本文标题:react-native中使用CocoaPods

      本文链接:https://www.haomeiwen.com/subject/jyxraqtx.html