ReactNative嚐鮮

在Android的世界裏暢遊了許久，感覺着其中無與倫比的魅力。現在，又站在ReactNative的大門入口，當心窺探這個世界。

【項目地址（效果展現）】

參考文檔

ReactNative中文網：reactnative.cn
ReactNavigation導航：reactnavigation.org
Redux 中文文檔：cn.redux.js.org/
Redux-saga 中文文檔：leonshi.com/redux-saga-…

使用API

乾貨集中營API
知乎日報API

經常使用命令

如下命令只針對Windows平臺

1. 查看已鏈接設備：

   adb devices

2. 查看Android模擬器列表：

   android list avd

3. 指定name，啓動模擬器：

   emulator -avd [name]

4. 部署Apk，並運行：

   react-native run-android

5. 開啓開發者菜單【Ctrl+M】：

   adb shell input keyevent 82

6. 開啓packager服務【操做4部署apk同時也會開啓packager服務】

   react-native start

7. Android平臺JS打包生成bundle文件：

   react-native bundle --platform android --entry-file index.android.js --reset-cache --bundle-output android/app/src/main/assets/index.android.bundle --dev false --assets-dest android/app/src/main/res/

   （1）--entry 入口js文件，android系統就是index.android.js，ios系統就是index.ios.js
   （2）--bundle-output 生成的bundle文件路徑
   （3）--platform 平臺
   （4）--assets-dest 圖片資源的輸出目錄
   （5）--dev 是否爲開發版本，打正式版的安裝包時咱們將其賦值爲false

8. Debug模式連接：

   http://localhost:8081/debugger-ui

推薦一款ReactNative插件，無需輸入各類命令行
github.com/smuyyh/Reac…

Yarn、React Native的命令行工具（react-native-cli）

Yarn是Facebook提供的替代npm的工具，能夠加速node模塊的下載。React Native的命令行工具用於執行建立、初始化、更新項目、運行打包服務（packager）等任務。

npm install -g yarn react-native-cli

安裝完yarn後同理也要設置鏡像源：

yarn config set registry registry.npm.taobao.org --global
yarn config set disturl npm.taobao.org/dist --global

若是你遇到EACCES: permission denied權限錯誤，能夠嘗試運行下面的命令（限linux系統）： sudo npm install -g yarn react-native-cli.

安裝完yarn以後就能夠用yarn代替npm了，例如用yarn代替npm install命令，用yarn add 某第三方庫名代替npm install --save 某第三方庫名。

注意：目前npm5（發文時最新版本爲5.0.4）存在安裝新庫時會刪除其餘庫的問題，致使項目沒法正常運行。請儘可能使用yarn代替npm操做。