RN的使用

RN中文网：https://reactnative.cn/docs/getting-started/

搭建环境：https://www.jianshu.com/p/66a72fae33f2

https://www.jianshu.com/p/5f8e77fdab86

解决React-native init 初始化时 info Installing required CocoaPods dependencies,原因在于这个文件ios-install-third-party.sh. 该文件在《/项目/node_modules/react-native/scripts》目录下。a手动下载(或者wget) ios-install-third-party.sh 里面需要的几个文件，放在目录 ~/.rncache/ 下，注意下载到的文件名和.sh里面的文件名是否相同。比如，第一个文件 https://github.com/google/glog/archive/v0.3.5.tar.gz 下载后到的文件名是v0.3.5.tar.gz，但是.sh里面的名字是(看上图)glog-0.3.5.tar.gz，显然不一样。你要保证.sh里面的文件名和放在 ~/.rncache/ 目录下的文件名一样。解决方法在后面。

方法一

最近使用rn做ios的项目

发现一个问题，在使用react-native run-ios的时候，会遇到

info Installing required CocoaPods dependencies

卡着一直不动，盲猜是install的源不好使了。

了解了一下之后，CocoaPods这个东西是基于ruby gem的，换源！

~ which pod

/usr/local/bin/pod

这个是查看cocoapods安装位置。

~ sudo rm -rf /usr/local/bin/pod

possword：

卸载cocoapods

~ gem list

查看一下gem安装的东西

activesupport (4.2.11.1)

atomos (0.1.3)

。。。。。。。。

。。。。。。。

test-unit (3.1.5)

thread_safe (0.3.6)

tzinfo (1.2.5)

xcodeproj (1.12.0)

然后吧cocoapods的内容删掉！

~ sudo gem uninstall cocoapods cocoapods-core //所有带cocoapods都删掉

然后gem list再看一下删除没有

~ gem update --system //这里请先科学上网一哈啊

~ gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

~ gem sources -l

https://gems.ruby-china.com

确保只有ruby-china.com这一个源，ruby-china.com不能用了，taobao.org也不行了。

~ sudo gem install cocoapods

password

~ pod setup

耐心等待一下，完成！

然后再初始化rn项目，完美解决！

方法二

最近做React Native的时候，React-native init 初始化时出现一个问题，

    info Installing required CocoaPods dependencies

在网上找了下原因，主要是网络慢或网络连接的原因，解决方案如下

一、Ctrl + c 退出命令行

二、安装Cocoapods

    sudo gem install cocoapods

三、设置镜像

    $ cd ~/.cocoapods/repos

    $ pod repo remove master

    $ git clone https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git master

四、进入自己的工程, 在自己工程的podFile第一行加上：

    source 'https://mirrors.tuna.tsinghua.edu.cn/git/CocoaPods/Specs.git'

五、安装

    pod install

方法三

　　如果已经安装过cocopods

一、Ctrl + c 退出命令行

二、 cd进入到ios文件夹，执行 pod install

其中会遇到四个依赖库pod不下来，需要手动去github下载，boost、doubleconversion、glog、folly。下载地址为：https://www.jianshu.com/p/7b21254cbd77

react native45版本开始后，新建应用会抛出UNpackage xxxx错误，原因是最新的RN无法下载到4个tar.gz文件，由于被墙的原因，所以要手动去下载，下载好后把下载好的四个文件放到路径：/Users/xxx/.rncache/下面，这四个文件的下载路径分别是：

https://codeload.github.com/facebook/folly/tar.gz/v2016.09.26.00

https://codeload.github.com/google/double-conversion/tar.gz/v1.1.5

https://codeload.github.com/google/glog/tar.gz/v0.3.4

https://github.com/react-native-community/boost-for-react-native/releases/download/v1.63.0-0/boost_1_63_0.tar.gz

下载完4个依赖压缩包之后，不用解压，我们直接放到相应的目录当中：

RN版本在>=0.58

将压缩包放到~/Library/Caches/com.facebook.ReactNativeBuild

注意：或许在~/Library/Caches目录下，你并没有com.facebook.ReactNativeBuild文件夹，怎么办？进入到cd ~/Library/Caches目录下，然后使用mkdir com.facebook.ReactNativeBuild创建一个就好了。

RN版本在<0.58

将压缩包放到~/.rncache目录下，一般情况下.rncache文件夹也是有的，如果没有，同理，使用mkdir .rncache创建一个就好。

注意：虽然我们可以使用环境变量的方式自定义路径，但是我个人还是建议按照正常的这种全局方式去配置比较好，毕竟，自定义路径很可能因为个人疏忽而出错，这个也因人而异，如果想要使用具体环境变量自定义路径，可前往：RN中文网作者的指导说明，本文也主要来源于此的参考。

完毕

运行pod install: