React native 移植到原生IOS平台

---

React native 移植到原生IOS平台

(一) 准备工作

 1.  安装CocoaPods、安装Node.js、

 2.  安装node_modules到原生项目中。

    通过命令 npm install react-native 安装node_modules到项目中，node_modules中包含关于node的所有模块，这一步把开发React Native 所需要的框架都下载到项目目录中 

 3.  安装React  

     在node_modules目录下创建package.json文件

  切换到工程目录  输入npm install.

 4  使用CocoaPods 安装React Native库

创建Podifile文件

在命令行中 pod install 

5 创建React Native 应用

在工程根目录中添加文件夹用来存放React代码，mkdir ReactComponent 。 然后创建简单index.ios.js文件

加载JS View 。我们首先需要加载index.ios.bundle文件来初始化RCTRootView, index.ios.bundle文件会由React Native Server进行创建并且可以通过React Native服务访问。

开启Server

在项目根目录中，通过命令开启开发服务器：

(JS_DIR=`pwd`/ReactComponent;cd node_modules/react-native; npm run start -- --root $JS_DIR)

该命令，可以开启React Native开发服务，来构建我们的bundle文件。--root选项用来标注React Native应用所在的根目录。我们当前的例子是ReactComponents目录，在该文件夹中有一个index.ios.js文件。服务器启动之后会进行打包出来index.ios.bundle文件，然后可以通过http://localhost:8081/index.ios.bundle进行访问。

该效果的底层机制为，当RCTRootView被初始化的时候，该会从React Native开发服务器中下载并且解析加载bundle文件。这就意味着我们我们只要实现自己的视图容器或者ViewController，然后引入RCTRootView，该会进行加载渲染我们的React组件

参考链接：React Native 移植原生iOS平台项目