參照官方配置: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 新建安卓模擬器:


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ù)
