宣告：此篇blog是在Windows環境下開發Android專案的學習筆記，最近也是在網上翻找資料發現，網上的資源基本上都是Mac環境下的，而且大部分的資料都是關於React Native + Web / Service 的，關於android的學習資源不多，因此也就想通過這段的空餘時間來學習和整理一下React Native + Android 的學習。由於React Native 畢竟也是基於JavaScript的，所以其實會了React Native + * 其實也就基本上在別的平臺上的使用到的js你也就會了。當然以上只是我現在自己對React Native的體會，可能會有不足或者錯誤的地方，希望大家多多指正！

Part One

首先，學習React Native首要的條件就是要有環境，至於怎麼配置React Native大家可以在官網上按照步驟安裝。不同的平臺安裝的步驟和需要的軟體也不同，我這邊是Windows環境（這裡不說什麼系統好，也不說哪一個系統差）。官網首頁有下面的一段描述：

中文版：

最專業的翻譯，最及時的資訊，最火爆的社群

使用前沿的JAVASCRIPT為IOS、ANDROID編寫跨平臺原生APP

React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發體驗，構建世界一流的原生APP。

React Native著力於提高多平臺開發的開發效率 —— 僅需學習一次，編寫任何平臺。(Learn once, write anywhere)

Facebook已經在多項產品中使用了React Native，並且將持續地投入建設React Native。

英文版：

當然目前的版本是0.38 。我學習的時候是0.37版本，這裡記錄一下。

通過上面的介紹，得到一句話：React Native 很牛逼！（特麼，這要是大規模使用，android和ios的攻城獅可怎麼活？？？）

關於React Native 官網中關於配置開發環境的視訊主要是Mac環境下的，Mac環境下的相比Windows環境配置起來無比簡單。比如Nodejs最新的版本（當前是7.0.1）在windows環境上不相容，Python3 現在不被React Native支援等一系列問題。

上面說了，我使用的是Window 環境。在安裝配置React Native 環境的時候遇見的坑和安裝過程中使用的Windows包管理器Chocolatey遇見的問題和解決方案已經在上一篇部落格中說了，想學的朋友配置環境的時候如果有什麼問題可以借鑑一下：http://blog.csdn.net/uana_777/article/details/53305774

行！

Part Two

廢話就說到這：下面我們開始說點乾的：

當我們配置好了環境之後，執行示例程式步驟如下：

第一步， 建立project （這個命令會建立一個專案，包含ios的專案在內）

比如在F盤下建立一個資料夾名稱叫：ReactNativeDemos，進入這個資料夾，開啟命令列工具，輸入下面的命令後回車：

react-native init 你的工程名稱

第二步，出現上面的工程目錄後，我們進入工程目錄，繼續操作：

輸入如下命令列：
cd MyProject 
react-native run-android 

通過命令：react-native start  

第三步，執行結束後如果App出現紅屏，不必驚慌，這說明我們的程式執行已經成功了，只需要按照下面的操作我們就能看到首介面了：

1. 確保電腦和手機裝置是在同一網路環境下（也即是連在同一個WiFi下即可）

2.我這裡使用的是真機測試，所以我點選Menu鍵或者執行命令：adb shell input keyevent 82 

3.完成第2步後，螢幕上會顯示一個選擇列表，我們點選Dev Settings

4.再點選Debug server host for device (android應用中是 Debug server host & port for device)

5.在輸入框中輸入你的電腦當前的ip（通過命令 ipconfig）和埠號8081   格式：10.0.1.1:8081

6.點選返回鍵，推後至最初的紅屏介面，點選Menu鍵或執行命令，點選 Reload JS 即可。

最後，到這裡我們就運行了我們第一個React Native專案

注：如果我們在執行安裝到真機上的時候，出現registe 失敗的情況，多半也是因為埠被佔用，我們可以把相關的cmd關閉，把佔用8081埠的服務關閉，重新執行第三步即可。

Part Four

資料：

這裡是React Native 的官網：