1.使用快捷鍵win+r, 輸入cmd, 打開(kāi)命令行
2.在命令輸入d:, 回車(chē), 進(jìn)入d盤(pán)
注: 因?yàn)榭紤]到權(quán)限的問(wèn)題, 建議在除C盤(pán)以外的其他盤(pán)創(chuàng)建工程
3.使用命令創(chuàng)建工程
命令: react-native init 工程名
回車(chē)后, 當(dāng)看到下面這個(gè)頁(yè)面就說(shuō)明, 工程創(chuàng)建成功
4.因?yàn)槭莣indows電腦, 只能運(yùn)行android工程, 所以打開(kāi)Android Studio
選擇剛才通過(guò)命令行生成的工程
可能提示你更新Gradle, 建議更新
5.啟動(dòng)夜神模擬器
7.通過(guò)命令行進(jìn)入, 生成的ReactNative工程目錄
使用命令react-native start, 啟動(dòng)react-native的服務(wù)
當(dāng)你看到以下界面, 就說(shuō)明服務(wù)啟動(dòng)成功
8.在Android Studio中點(diǎn)擊運(yùn)行
選擇夜神模擬器(夜神模擬器顯示的是三星品牌手機(jī))
可能會(huì)提示sdk版本不匹配, 就是你Android Studio中的sdk版本和夜神模擬器的sdk不匹配, 這個(gè)可以忽略, 選擇Proceed without Instant Run
這時(shí)候模擬器上會(huì)顯示以下頁(yè)面, 是因?yàn)槟M沒(méi)有連接react-native啟動(dòng)的服務(wù)器
點(diǎn)擊夜神模擬器右上角, 晃動(dòng)模擬器
顯示配置菜單, 并選擇Dev Settings
選擇如下圖所示的菜單
輸入當(dāng)前電腦的iP地址, 并加上端口號(hào), 設(shè)置模擬器連接react-native服務(wù)器
最后一步, 晃動(dòng)手機(jī)
大功告成, 顯示頁(yè)面
