如何创建 React Native 应用

如果你已经有了 React Native 项目
那么下面的这几篇文章也许能够帮到你
如何在源生项目中使用 React Native
React Native 如何真机 release 模式运行
React Native 如何用 Pushy 进行热更新

如果你觉得对你有所帮助, 记得【关注】，感谢支持，后期还会有更新。

一、 创建 React Native 应用

• 使用 终端 执行命令进行创建应用

cd Desktop
react-native init yourProjectName

由于网速的原因，可能创建应用的时候慢，因为要从 npm 官网下载代码，
最好是使用国内的镜像，上面 搭建 React Native 环境 文章，在安装 Node.js 时已经改过镜像地址了。

• 出现以下提示时，就代表着你的第一个 React Native 应用已经创建成功啦

Snip20161116_4.png

• React Native 的目录结构

Snip20161116_5.png

• 默认生成 Android 和 iOS 两个平台的原生项目
• index.android.js 和 index.ios.js 是两个原生应用的文件
• node_modules 是 Node.js 需要的资源包以及 React Native 的框架

二、运行你的 React Native 项目

• iOS 运行

  • 需要 Xcode 7 以上的版本
  • 运行时会打开一个 8081 的端口链接 React Nact 的 localhost 服务器

• Android 运行

  • 安装 JDK
  • 安装 Android SDK

brew install android-sdk

• 定义 ANDROID_HOME 环境变量
  需要确认 ANDROID_HOME 环境变量指向你已经安装的 Android SDK 目录

# 如果是 Homebrew 安装的 SDK 
export ANDROID_HOME=/usr/local/opt/android-sdk
# 如果不是 Homebrew 安装的 SDK
export ANDROID_HOME=~/Library/Android/sdk

• 设置 SDK
  打开 Android SDK Manager （Android 配置一大堆真特么烦，等研究完了再更新 Android ）

• 最简单的 Android 配置方法 （省去了以上复杂的配置）

  • 安装 JDK
  • 安装 Android Studio (安装时会自动联网去google下载SDK)