RN（react native）入坑指南-03,運行官方示例UIExplorer

　　學習RN，官方示例是必不可少的，研究和學習官方示例會帶來許多幫助。
在搭建好rn環境之後就可以着手嘗試運行官方示例來看下RN的各類組件了。

先決條件

• node
• npm
• RN
• Git
• Gradle
• ADK/SDK

開始

首先下載RN代碼
Github: https://github.com/facebook/react-native
下載成功後 命令行切換到目標目錄 執行npm install安裝所需依賴

配置*DK

這裏有兩種方式
法1：
　　切換到react-native目錄, 新建local.properties

sdk.dir=absolute_path_to_android_sdk
ndk.dir=absolute_path_to_android_ndk

法2:
　　環境變量添加ANDROID_NDK,ANDROID_SDK分別指向NDK和SDK的目錄
更多說明請參考 關於SDK/NDK配置的官方文檔

真機測試

　　如果是windows小夥伴，下面的命令建議用安裝完git後自帶的gitbash運行

1.執行命令

./gradlew :ReactAndroid:assembleDebug

2.然後執行

./gradlew :ReactAndroid:installArchives

3.啓動服務

./packager/packager.sh

4.最後安裝到你的手機

../gradlew :Examples:UIExplorer:android:app:installDebug

這個過程中請不要隨意關閉packager運行窗口
5.設置ip
現在，打開UIExplorer項目，搖一搖你的手機，在彈出的菜單中選擇Dev settings->Debug server host & port for device
設置一下你的無線IP 比如192.168.1.1:8081,注意：此處的8081一定要有的否則無法加載

更多內容請參考官方的真機調試文檔