React Native介绍

React Native 是 Facebook 在2015 Rect开发者大会上公开的应用开发框架，一个可以用Rect 开发原生应用的框架。

React Native 可以真正的跨端开发，它是基于Rect的组件化开发模式，拥有web的发布能力和原生应用的性能，

一、环境搭建

1.在Mac上安装Xcode（需要用mac开发）

2.使用 Homebrew 官网提供的指引安装 Homebrew

3.安装node.js 终端命令：

brew installnode

4.安装watchman，终端命令：

brewinstallwatchman

5.安装flow 终端命令：

brewinstallflow

6.使用npm安装 React Native CLI 工具：

npminstall -g react-native-cli

二、创建项目

1.cd 到要创建项目的目录下，使用 React Native CLI 创建项目，终端命令：

react-nativeinit HelloWorld

2.到创建的HelloWorld项目中的iOS文件夹下，运行HelloWorld.xcodeproj

3.快捷键command+R 运行一下，会看到React-Packger和iOS模拟器，这样就成功了

Paste_Image.png

注：

1.文件夹中的index.ios.js文件就是React-Native JS 的入口文件

2.在xcode项目代码中AppDelegate.m会标识入口文件，：

jsCodeLocation= [NSURL URLWithString:@"-----------------"];

三、调试

将应用设置为在模拟器中运行，运行后，按键Command+D，弹出调试菜单选项，选择Debug in Chrome。以加断点，打日志进行调试，不过需要安装插件。

Paste_Image.png

四、发布注意事项

jsCodeLocation= [NSURL URLWithString:@"-----------------"];

发布的时候，需要将上边代码注释掉

使用下边这一行代码：

jsCodeLocation= [[NSBundle mainBundle] URLForResource:@"main"withExtension:@"jsbundle"];

这样，就可以一直在真机上运行，而不依靠开发环境的支持了。

发布的时候，还要记得选择release版本，这样调试菜单才不会出现