react native 在window 7上配置開發(fā)環(huán)境-Andorid

參照官方配置:https://facebook.github.io/react-native/docs/getting-started.html

因?yàn)樵谂渲玫倪^程中遇到很多問題,在此記錄一下。

1.java的jdk 下載(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

配置jdk的環(huán)境變量

a.打開我的電腦--屬性--高級(jí)--環(huán)境變量

新建系統(tǒng)變量JAVA_HOME 和CLASSPATH

變量名:JAVA_HOME

變量值:C:\Program Files\Java\jdk1.7.0

變量名:CLASSPATH

變量值:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

b.選擇“系統(tǒng)變量”中變量名為“Path”的環(huán)境變量,雙擊該變量,把JDK安裝路徑中bin目錄的絕對(duì)路徑,添加到Path變量的值中,并使用半角的分號(hào)和已有的路徑進(jìn)行分隔。

變量名:Path

變量值:%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

c.這是java的環(huán)境配置,配置完成后直接啟動(dòng)eclipse,它會(huì)自動(dòng)完成java環(huán)境的配置

d.配置ANDROID_HOME (安卓sdk本機(jī)位置)

變量名:ANDROID_HOME

變量值:C:\Users\xxx\AppData\Local\Android\sdk?

4. 設(shè)置完后,重新打開一個(gè)新的命令提示符,運(yùn)行java -version就可以了~? (一定要重新打開一個(gè)新的命令提示符

2.安裝react-native的命令行工具

npm install -g react-native-cli

3.通過react-native --help 查看它所支持的所有命令


3.安裝安卓開發(fā)工具AndroidStudio:(安卓的開發(fā)工具里面內(nèi)置安卓模擬器)

去google提供的國內(nèi)官網(wǎng)下載:https://developers.google.cn


打開安卓的中文頁面:點(diǎn)擊獲取Android Studio 再點(diǎn)下載即可:


安裝包下載完成之后 安裝應(yīng)用程序即可。







android studio 安裝完成之后,配置SDK Manager


最后點(diǎn)AMD Manager 新建安卓模擬器:


安卓模擬器已經(jīng)有了?


4.使用react-native init 初始化一個(gè)react-native的項(xiàng)目

例如:react-native init reactNativeApp

5.運(yùn)行react-native項(xiàng)目:(注:windows機(jī)器不能運(yùn)行ios)

首先打開一個(gè)安卓模擬器或者一個(gè)已經(jīng)連接到電腦的安卓真機(jī)

react-native run-android (ctrl + m reload 刷新項(xiàng)目)




6.最后調(diào)試react-native項(xiàng)目,這里只是講安卓模擬器的調(diào)試方法

在模擬器里,ctrl+m 調(diào)出操作鍵


reload 刷新或者按兩次R鍵刷新,debug js remotely 在chrome里調(diào)試

7.在組件中發(fā)起fetch請(qǐng)求,如果沒有發(fā)起請(qǐng)求或者請(qǐng)求沒反應(yīng),估計(jì)是模擬器沒有聯(lián)網(wǎng)的原因,將模擬器的dns配置成pc機(jī)器的ip,然后重啟模擬器即可解決。



然后輸入:getprop 查看系統(tǒng)當(dāng)前的各項(xiàng)屬性,得到模擬器的DNS地址,如下:

[net.dns1]: [10.0.2.3]

重新設(shè)置為pc的ip地址:命令行如下:

setprop net.dns1 10.200.121.79


如此就能上網(wǎng)了:


發(fā)起一段fetch請(qǐng)求:


拿到數(shù)據(jù)


最后編輯于
?著作權(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的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,922評(píng)論 25 709
  • 盡管在移動(dòng)開發(fā)中,原生APP的開發(fā)成本很高,但現(xiàn)階段基于原生開發(fā)仍然是必須的,因?yàn)閃eb的用戶體驗(yàn)仍無法超越Nat...
    奔跑的大橙子閱讀 5,481評(píng)論 0 11
  • 她匍匐在地 如一個(gè)久經(jīng)歲月磨洗的木魚 悲痛又虔誠 苦難在她身上敲出了裂痕 干裂的皮膚和久旱的土地 融為一體 無法恰...
    人造月球閱讀 239評(píng)論 1 3
  • 一天最幸福的事就是晚上做夢(mèng)了,在夢(mèng)中做自己的國王!找一份自己的安逸和閑暇,做自己愿意做的事,思自己愿意思的人!
    喀喇撒哈拉閱讀 129評(píng)論 0 0
  • 生活不易 且行且珍惜
    都被注冊(cè)了2閱讀 350評(píng)論 0 0

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