一.安裝java環(huán)境 java 8之前的版本是不支持react native的,必須使用java 8
二.安裝android studio (1)環(huán)境變量配置: 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項(xiàng)目 cmd輸入指令:react-native init 項(xiàng)目名 項(xiàng)目目錄:
六.在android手機(jī)上運(yùn)行項(xiàng)目 1.我們可以先把react-native的android項(xiàng)目導(dǎo)入androidstudio運(yùn)行一下,因?yàn)閞eact-native有些錯(cuò)誤顯示不出來,而且會解決一些build-tools的問題,順便下載一些必須的在線依賴包。
這個(gè)問題是沒有創(chuàng)建assets文件夾導(dǎo)致的問題,進(jìn)入react-native項(xiàng)目的根目錄,進(jìn)入android\app\src\main文件夾,新建一個(gè)名為assets的文件夾,再回到項(xiàng)目根目錄,輸入一下指令,生成相關(guān)的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 成功之后我們發(fā)現(xiàn)原項(xiàng)目多了幾個(gè)文件: cmd提示如下:
cmd到我們項(xiàng)目根目錄,輸入:react-native run-android,此時(shí)發(fā)現(xiàn)運(yùn)行成功。
備注:建議在 |
|