一.安裝java環境
java 8之前的版本是不支持react native的,必須使用java 8
二.安裝android studio
(1)環境變量配置:
ANDROID_HOME:c:\Users\用戶名\AppData\Local\Android\Sdk
PATH:
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
三.安裝Node.js
四.安裝react-native-cli
npm install -g react-native-cli
五.新建一react-native項目
cmd輸入指令:react-native init 項目名
項目目錄:
六.在android手機上運行項目
1.我們可以先把react-native的android項目導入androidstudio運行一下,因為react-native有些錯誤顯示不出來,而且會解決一些build-tools的問題,順便下載一些必須的在線依賴包。
這個問題是沒有創建assets文件夾導致的問題,進入react-native項目的根目錄,進入android\app\src\main文件夾,新建一個名為assets的文件夾,再回到項目根目錄,輸入一下指令,生成相關的bundle:
react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res
成功之后我們發現原項目多了幾個文件:
cmd提示如下:
cmd到我們項目根目錄,輸入:react-native run-android,此時發現運行成功。
備注:建議在run-android
成功后再嘗試使用 Android Studio 啟動。請不要輕易點擊 Android Studio 中可能彈出的建議更新項目中某依賴項的建議,否則可能導致無法運行。