運行React-Native例子UIExplorer

運行 FaceBook 給出的例子UIExplorer, 由於網絡問題折騰了半天, 在公司網絡死活不行,到家一小會兒搞定. 原因是我使用 npm install 的時候 直接 ctrl+c 斷掉了, 需要把目錄下的node_modules文件夾刪除再重新安裝.

關於NPM

NPM小結

react-native 環境

參考前面:Ubuntu進行 react-native 的開發

APK運行到模擬器

git clone https://github.com/facebook/react-native.git
cd react-native
npm install

npm install 過程需要下載大約 100多兆的依賴, 所以看網絡情況咯

cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

注意,使用packager.sh 開啓server.
然後利用 gradlew命令編譯apk

運行到真機

1. 真機開啓USB調試
2. 必須關掉模擬器, react-native要求同時只能連接一個設備, 可以通過 abd devices查看連接個數
3. adb reverse tcp:8081 tcp:8081
   手機必須和電腦在同一個局域網, 然後把手機無線的代理設置爲電腦的ip:8081
4. 然後可以安裝到真機了

cd react-native
./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

文章出處: http://hanks.xyz