在现有iOS项目中导入Reacr-Native项目

1.环境

首先电脑上必须要有运行ios项目和react－native的环境，以下说明都是基于，react－native以下简称RN，iOS项目的环境就不用说了，RN的环境准备需要

Homebrew：运行以下命令安装

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

在Max OS X 10.11（El Capitan)版本中，homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复：

sudo chown -R `whoami` /usr/local

Node:运行以下命令

brew install node

为了避免以后过程中执行npm命令慢的问题，请用以下评论把npm的地址切换到淘宝镜像，这样设置是全局的，以后再执行npm install时会很快

npm config set registry http://registry.npm.taobao.org

安装react－native开发环境

执行 sudo npm install -g react-native-cli

运行到此，就可以创建一个基础的RN的HelloWorld了。在终端上cd 到你的项目文件夹，执行react-native init 项目名就可以初始化你的第一个RN项目了，注意！！！在你的所有路径了避免中文名称，因为我在之前路径中包含了中文名称后，在打包第三方的时候出现很多看不懂的错误！！！刚才init的helloworld在一系列下载后你直接进入到ios文件夹就可以执行你的项目了。

Cocoapods:这是管理第三方库用的工具，因为当你集成RN项目后需要在项目里用到RN的第三方库，所以要用到这个工具。

运行这个命令安装：sudo gem install cocoapods

此时你又会遇到安装不了的原因，因为被墙，所以你又要去切换镜像来安装

gem sources -l   查看你当前的gem地址

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

上面的https://rubygems.org/就是查看的gem地址，需要切换地https://ruby.taobao.org/

切换地址的命令

gem sources -a https://ruby.taobao.org/

咱们之后就要用cocoapod去setup，执行pod setup，这个是coocapods在设置master，设置好master之后，就是去RN项目的目录下，cd到这里，这里说一下目录结构，认为还是按照官方RN项目的结构来比较好.

主目录：包含这ios项目的文件夹，index.ios.js文件，package.json文件。

你可能不会有js和json的那个文件，去创建一个，这里说明下，index.ios.js文件就是相当于你的视图层，所以里面的代码都是跟页面展示有关的东西。你可以按照这个样来写一个简单的例子。

---

其中TestNativeAndReact为你项目名字,这个是需要以后跟本地工程里面注册有关系，所以你需要记住并更改为你需要的固定的值。

在去编辑package.json文件，这个文件里包含这rn需要的库信息等，你可以按照以下来编辑

里面name字段改成上边说的项目名称。接下来咱们要去ios工程下编辑Podfile文件，这里写的是ios工程里需要的rn库。

如果你的目录和我上边说的目录是吻合的那么podfiel按照这样写就可以，否则需要更改上边的path目录。

做完上面的则就是万事具备只欠东风了，而东风就是一些列的命令。

在终端里进入RN项目的目录，不是ios项目的目录。执行

npm install  等待过后，目录下会多出node_modules这个文件夹里面包含这各种库的文件。然后 cd ios ，就是进入你本地的ios项目里，执行 pod install 等一会，会出现咱们经常运行的wrokspace文件，咱们打开后，就能看到里面是包含着rn库的本地ios项目了。

咱们为了测试一下看看能不能运行出来，就添加一个view，继承uiview，像这样

然后你就可以运行看效果了，在运行前你必须打开本地的rn服务，终端 进入ios项目的上层目录，就是rn项目的主目录，执行，react-native start  ，在xcode里运行项目，你就可以看到效果啦。有什么其他问题可以在下方留言。以后我还会写出如何不用cocoapods直接集成到本地项目，和安卓版本的集成。