學(xué)習(xí)RN,官方示例是必不可少的,研究和學(xué)習(xí)官方示例會(huì)帶來許多幫助。
在搭建好rn環(huán)境之后就可以著手嘗試運(yùn)行官方示例來看下RN的各類組件了。
先決條件
- node
- npm
- RN
- Git
- Gradle
- ADK/SDK
開始
首先下載RN代碼
Github: https://github.com/facebook/react-native
下載成功后 命令行切換到目標(biāo)目錄 執(zhí)行npm install安裝所需依賴
配置*DK
這里有兩種方式
法1:
切換到react-native目錄, 新建local.properties
sdk.dir=absolute_path_to_android_sdk
ndk.dir=absolute_path_to_android_ndk
法2:
環(huán)境變量添加ANDROID_NDK,ANDROID_SDK分別指向NDK和SDK的目錄
更多說明請(qǐng)參考 關(guān)于SDK/NDK配置的官方文檔
真機(jī)測(cè)試
如果是windows小伙伴,下面的命令建議用安裝完git后自帶的gitbash運(yùn)行
1.執(zhí)行命令
./gradlew :ReactAndroid:assembleDebug
2.然后執(zhí)行
./gradlew :ReactAndroid:installArchives
3.啟動(dòng)服務(wù)
./packager/packager.sh
4.最后安裝到你的手機(jī)
../gradlew :Examples:UIExplorer:android:app:installDebug
這個(gè)過程中請(qǐng)不要隨意關(guān)閉packager運(yùn)行窗口
5.設(shè)置ip
現(xiàn)在,打開UIExplorer項(xiàng)目,搖一搖你的手機(jī),在彈出的菜單中選擇Dev settings->Debug server host & port for device
設(shè)置一下你的無線IP 比如192.168.1.1:8081,注意:此處的8081一定要有的否則無法加載
更多內(nèi)容請(qǐng)參考官方的真機(jī)調(diào)試文檔