安裝JDK
既然是android開發(fā),那么java肯定逃不掉了。從Java官網(wǎng)下載安裝包吧。我的電腦是64位的,所以我選擇下載64位的安裝包。安裝Android SDK
先下載Android Studio,如果翻墻不方便的話,可以從AndroidDevTools上下載,我是翻墻從官網(wǎng)下載的。安裝過程中會提示選擇SDK的目錄,默認(rèn)是在系統(tǒng)盤,我選擇的是F/android/sdk。安裝完成后,先要配置一下sdk Manager的網(wǎng)絡(luò)設(shè)置,否則在不翻墻的情況下安裝sdk會很慢很慢。騰訊Bugly的鏡像就挺好的,查看說明。
安裝以下項目:
- Tools/Android SDK Tools (24.4.1)
- Tools/Android SDK Platform-tools (23.0.1)
- Tools/Android SDK Build-tools (23.0.2)
- Android 6.0 (API 23)/SDK Platform (1)
- Extras/Android Support Library(23.1)
最后在系統(tǒng)環(huán)境變量中加入ANDROID_HOME,路徑為sdk目錄。
-
安裝Git
下載Git,記得把git.exe的路徑寫入系統(tǒng)環(huán)境變量,因為在執(zhí)行react-native init命名時會調(diào)用git去下載react-native的源碼。 -
安裝Node.js
到官網(wǎng)下載最新版的安裝包安裝即可。npm(node package manager)是隨著node.js就安裝好的,為了加速安裝其他的package,在cmd里輸入以下命令:
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
- 安裝react-native命令行工具
npm install -g react-native-cli
- 創(chuàng)建react-native android項目
react-native init MyProject
這一步要等上很長時間,原因不明。不想等待的話可以在這里下載項目文件,然后將android目錄下的gradle.properties文件中的sdk.dir設(shè)為本機(jī)上sdk的目錄。
sdk.dir=F:\\android\\sdk
-
啟動react-native服務(wù)
進(jìn)入項目文件夾,輸入啟動命令
react-native start
在瀏覽器中訪問地址:http://localhost:8081/index.android.bundle?platform=android
第一次訪問需要騷等一會,這是在生成android的bundle文件。cmd窗口別關(guān),一直保持開啟狀態(tài)。
-
安裝并啟動android模擬器
推薦逍遙模擬器,安裝好并啟動。試用了很多模擬器,有些模擬器adb無法連接,有些模擬器adb連上了,但是在卻沒有“搖一搖”或者菜單鍵,非常蛋疼。終于讓我發(fā)現(xiàn)了逍遙模擬器,嗯,很不錯。 -
在模擬器中運行
進(jìn)入項目目錄,輸入命令:
react-native run-android
第一次運行時會需要下載一些東西,等待就行。
build成功后便會在模擬器上自動運行了

如果是連真機(jī)的話,很大可能看到的結(jié)果是一片白啊一片白。經(jīng)查,發(fā)現(xiàn)是安全中心中的“懸浮窗”權(quán)限并沒有對我們的這個新app開放,那么將權(quán)限開放,重啟app,啊呀,一片紅啊一片紅。。。長按物理菜單鍵或者死命搖一搖手機(jī),會彈出一個小窗口,選擇“Dev Settings”,然后選擇“Debug server host for device”,會彈出一個輸入框,輸入電腦ip地址和默認(rèn)的8081端口,再次重新app,啊呀,粗線了粗線了。。。