一. 环境需求

1 . 安装Homebrew(可选)

1
ruby -e "$(curl -fsSL <a href="https://raw.githubusercontent.com/Homebrew/install/master/install">https://raw.githubusercontent.com/Homebrew/install/master/install</a>)

  1. 安装watchman (用于监控bug文件)

    1
    brew install watchman

  2. 安装flow(用于找出代码中可能存在的类型错误)

    1
    bew install flow

二. ios环境

  • Xcode7及以上版本

三. 安装React Native

  1. 安装命令

    1
    npm install -fg react-native-cli
    • 出现下图情况需要用管理员权限
    • 690

四. 创建RReact Native工程

  • react-native init demo

    1
    react-native init demo

  • 可能需要等待一段时间

  • 出现下图所示表示初始化成功

  • 目录结构分析

    • 默认生成iOS和Android两个平台的项目
    • 其中, index.android.js和index.ios.js是Android和iOS的空壳应用文件
    • node_modules文件夹是为Node.js存放和管理npm包资源,也包含react-native框架文件

  • 运行iOS程序

    • 打开ios文件夹下的demo.xcodeproj,command+r运行

    • 启动React native服务器,不要关闭此窗口

    • 客户端运行界面