如果你已经有了 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 应用已经创建成功啦
-
React Native 的目录结构
- 默认生成 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)