Mac
安裝依賴
需要AndroidStudio研儒、node.js真仲、React Native command line tools和Watchman.
建議通過Homebrew安裝node和watchman.
brew install node
brew install watchman
安裝React Native 命令行
npm install -g react-native-cli
如果出現(xiàn)permission error鸭轮,嘗試
sudo npm install -g react-native-cli
下載并安裝AndroidStudio
可以在項(xiàng)目gradle.properties中添加下面代碼加快gradle速度弛随,更多Gradle Daemon細(xì)節(jié)坚冀。
org.gradle.parallel=true
org.gradle.daemon=true
ps:
安裝Homebrew
brew install wget
更新Homebrew
brew update
測試安裝
使用React Native命令行工具生成名叫“AwesomeProject”的工程戚绕,然后在工程目錄下運(yùn)行react-native run-android。
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
如果一切OK的話归斤,就可以看到app已經(jīng)運(yùn)行在模擬器或真機(jī)上了痊夭。react-native run-android只是運(yùn)行app的一種方式你也可以直接在AndroidStudio中運(yùn)行。
開啟允許代碼實(shí)時(shí)渲染的 Node 服務(wù)器脏里。為了看到你的更改你必須打開震動(dòng)菜單(搖動(dòng)你的設(shè)備或者按住設(shè)備上面的菜單按鈕她我,在模擬器上面按住 F2 或者 Page Up,在 Genymotion 上面按住 ?+M)迫横,然后點(diǎn)擊 Reload JS番舆。
修改應(yīng)用
在 Android 上面可以編輯 index.android.js來給你的應(yīng)用做一些改變,并且按住震動(dòng)菜單上面的 Reload JS 來看發(fā)生的改變矾踱。
ps:Android 真機(jī)調(diào)試
示例 App 直接部署到真機(jī)恨狈,紅色界面報(bào)錯(cuò),無法連接到 Debug Server呛讲。
如果是 5.0 或者以上機(jī)型禾怠,可通過 adb 反向代理端口,將 Mac 端口反向代理到測試機(jī)上贝搁。
adb reverse tcp:8081 tcp:8081
如果 5.0 以下機(jī)器吗氏,應(yīng)用安裝到測試機(jī)上之后,搖動(dòng)設(shè)備雷逆,在彈出菜單中選擇 Dev Setting > Debug Server host for device牲证,然后填入 Mac 的 IP 地址(ifconfig 命令可查看本機(jī) IP)。
幾種常見錯(cuò)誤:
-
sdk not found
需要配置android環(huán)境變量1.啟動(dòng)Terminal終端工具
2.輸入cd ~/ 進(jìn)入當(dāng)前用戶的home目錄
3. 創(chuàng)建:touch .bash_profile
4.打開并編輯:
open .bash_profile
5关面、在文件中寫入以下內(nèi)容:
export ANDROID_HOME=/Users/qxian/Documents/ALL_DEV_SPACE/TOOLS/ANDROID_DEV_TOOLS/ANDROID_SDK/android-sdk-macosx export PATH=${PATH}:${ANDROID_HOME}/tools export PATH=${PATH}:${ANDROID_HOME}/platform-tools
注:上面的目錄根據(jù)你自己的sdk路徑而改變
6坦袍、執(zhí)行如下命令立即生效:source .bash_profile
7、驗(yàn)證:輸入adb回車等太。如果未顯示command not found捂齐,說明此命令有效,環(huán)境便亮設(shè)置完成缩抡。
-
permission denied, open '/.../.babel.json'
初始化工程時(shí)命令前加了sudo所致奠宜,可使用chown修復(fù)sudo chown 你的目錄/.babel.json
com.android.ddmlib.InstallException: Failed to establish session
部署應(yīng)用到小米手機(jī)上出現(xiàn)這個(gè)問題,解決辦法是:小米手機(jī)設(shè)置里-------開發(fā)者選項(xiàng)---------啟用MIUI優(yōu)化關(guān)閉
-應(yīng)用安裝上了,但白屏压真。
去應(yīng)用權(quán)限管理頁面娩嚼,打開應(yīng)用的懸浮窗權(quán)限。
Windows
安裝依賴
需要node.js,React Native command line tools, Watchman, 和 Android Studio.
建議通過Chocolatey(一個(gè)流行的Windows下得包管理器)安裝node.js和Python2,以管理員權(quán)限打開命令行窗口:
choco install nodejs.install
choco install python2
Node包含了npm,可以使用npm安裝React Native命令行:
npm install -g react-native-cli
下載并安裝AndroidStudio
可以在項(xiàng)目gradle.properties中添加下面代碼加快gradle速度滴肿,更多Gradle Daemon細(xì)節(jié)岳悟。
org.gradle.parallel=true
org.gradle.daemon=true
測試安裝
同上
ps:
當(dāng)運(yùn)行react-native run-android時(shí)packager沒有自動(dòng)運(yùn)行,這就需要手動(dòng)啟動(dòng)使用react-native start命令泼差」笊伲可用瀏覽器來訪問
http://localhost:8081/index.android.bundle?platform=android
查看是否啟動(dòng)成功。
ERROR Watcher took too long to load
修改這個(gè)文件中的超時(shí)時(shí)間堆缘。
修改應(yīng)用
同上