认识react-native

一、什么是React-native

React-native是Facebook开源的一套用于开发移动端跨平台App的技术框架，其代码在Github上托管。（地址：https://github.com/facebook/react-native）
优点：跨平台，开发成本低，性能高。

二、开发环境搭建

1、安装所需要的工具：

      a)Note.js
          http://nodejs.cn/download/
      b)React-native Commond line(React-native命令行工具)
      安装完Note.js后，通过命令行安装：npm install -g react-native -cli
          React-native命令行安装完成后可以使用 react-native --help查看它所支持的命令。
      c)Android studio/xcode(android和ios的开发工具)
      d)Android SDK 和NDK（NDK版本10e）环境的配置。

三、初始化React-native项目

1、使用命令：react-native init AppName 来进行项目的初始化，它会自动加载项目所需要的组件。

2、React-native项目文件夹分析

    Tests： 测试目录（js代码）
    Android： Android的项目
    Ios： ios项目
    Node_modules: 依赖的包和组件
    Index_android.js/index_android.js 入口文件

四、运行第一个React-native项目

    在项目根目录运行命令：react-native run-android来运行Android项目。

五、运行React-native Exanples项目

1、通过命令行运行

    a)将React-native的仓库克隆到本地
    b)切换到项目根目录，执行命令：npm install
    c)运行项目：执行命令：./gradlew :Examples:UIExplorer:android:app:installDebug
          # Start the packager in a separate shell (make sure you ran npm install):
    d)打开React-native的包管理器：./packager/packager.sh
           # Open the Movies app in your emulator

2、通过android studio运行

      a)以UIExplorer为例，将Android和js文件夹拷贝到新建的项目中，修改项目中app下的build.gradle的配置，统一为React-Native环境配置。将Application里的路径修改为自己的路径。
      b)使用Android studio中Terminal运行：react-native run-android。