React Native Android（Genymotion） 環(huán)境搭建 for mac

最終目的:
在genymotion模擬器上運(yùn)行React Native的示例項(xiàng)目

一、創(chuàng)建genymotion模擬器

  1. 安裝genymotion
    https://www.genymotion.com/download/
  2. 安裝virtual box
    http://rj.baidu.com/soft/detail/25850.html?ald
  3. 創(chuàng)建安卓虛擬機(jī)，除圖示選項(xiàng)外其他默認(rèn)
Paste_Image.png

二、根據(jù)文檔下載示例項(xiàng)目，并進(jìn)行初始化

http://reactnative.cn/docs/0.27/getting-started.html#content

三、調(diào)整buildVersion，已試23的所有版均無法正常啟動(dòng)，只有24正常

Paste_Image.png

四、調(diào)整genymotion模擬器的SDK目錄為AndroidStudio的SDK目錄，否則啟動(dòng)項(xiàng)目的adb命令會(huì)連接不上genymotion模擬器(Android Studio的安裝，請(qǐng)按第二步的文檔進(jìn)行安裝并進(jìn)行環(huán)境變量的設(shè)置)

Paste_Image.png

五、app啟動(dòng)之后會(huì)提示無法連接到服務(wù)器，需要在app上設(shè)置服務(wù)器的ip和port

Paste_Image.png
Paste_Image.png
填寫自己pc上在路由器上的ip

六、進(jìn)行調(diào)試

Paste_Image.png
Paste_Image.png
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,881評(píng)論 25贊 709
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理，服務(wù)發(fā)現(xiàn)，斷路器，智...
    卡卡羅2017閱讀 136,534評(píng)論 19贊 139
  • 包郵區(qū)最棒的。 大概就是一張車票，一個(gè)景點(diǎn)。 圖片未經(jīng)允許，不得轉(zhuǎn)載。
    餌絲菇?jīng)?/span>閱讀 236評(píng)論 4贊 2
  • 我想幫幫他，面試結(jié)束后w君突然對(duì)我說。 剛開始覺得他莫名其妙，一直想不通。當(dāng)我說他年齡太大，做事風(fēng)格，工作習(xí)慣都已...
    媛寶醬的本來閱讀 222評(píng)論 0贊 0
  • 坐在書桌前看著優(yōu)美的語句，恍惚間，電閃雷鳴風(fēng)雨交加打破了寧靜。心底是不相信有雨的，也沒了看天氣預(yù)報(bào)的習(xí)慣。 閃電和...
    J蛋埡閱讀 260評(píng)論 0贊 0

友情鏈接更多精彩內(nèi)容