本文的前提是你已經配置好了React Native的環境，還不熟悉的朋友請先移步這里。
說明
本文主要介紹如何編譯并運行React Native的官方DEMO。對于一門新的技術或者語言而言，了解它最直接、最簡單的方式就是查看官方提供的DEMO，首先因為它介紹每個組件、API等用法都是比較簡單的示例，不會像開源項目一樣需要去閱讀大量的代碼，其次官方的DEMO也是最具有權威性。
前言
React Native是一種解決方案，使用React去開發一個原生的APP，官方的描述是這樣的
A framework for building native apps with React.
這里提到了React，它是一個目前最熱門的前端框架，React Native是基于React的，所以建議大家學習，更多的信息請查看這里。這里也為大家整理了幾個學習React Native的資料
- http://facebook.github.io/react-native/ 英文官方地址
- http://reactnative.cn/ 中文官方地址
- https://github.com/ele828/react-native-guide 學習指南
- http://blog.csdn.net/yuanguozhengjust/article/details/50468561 幾種IDE比較及其他相關需要的知識（React.js、Node.js）
- http://www.runoob.com/nodejs/nodejs-tutorial.html Node.js菜鳥教程
- http://reactjs.cn/ React.js中文官方網址
正題
看完了上面的介紹，下面讓我們進入本篇文章的正題，我們知道React Native在Github是開源的，所以先打開項目的地址
步驟一 下載項目并配置項目依賴
- 下載項目，本地會生成react-native文件夾
git clone https://github.com/facebook/react-native.git
- 命令行進入react-native文件夾，并執行npm install (npm是一種js的依賴包管理）
cd react-native && npm install
步驟二 運行examples(Android，以UIExplorer為例)
- 編譯并運行UIExplorer
gradlew :Examples:Movies:android:app:installDebug
- 啟動packager
cd packager && packager.sh
備注：確保你的手機和電腦處在同一個局域網內，打開安裝好的UIExplorer App，請點擊Menu->Dev Settings->DEBUGGING->Debug server host & port for device菜單，設置電腦所在的局域網地址和端口號，端口號默認是8081。
運行效果圖如下
Paste_Image.png
這里我們可以看到各種幾乎與原生UI一致的效果以及用戶體驗，比如ProgressBar（進度是動態的，這里截圖是靜態的）
Paste_Image.png
其他更多UI的效果以及體驗需要大家自己去查看。
