如何創建 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)
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容