一，前言：

        學習react-native相信對於我們最好的教程就是官方教程。因此學習和檢視官方demo。是我們學習進步的階梯。本文是博主學習react-native中遇到的一些基本問題，分享出來供大家學習和參考：

二，準備工作：

        官方UIExplorer demo 是需要我們配置環境才能執行的。

        準備工作：npm , node, git 具體安裝法方式看我前幾篇文章。

三，Action 開始行動：

1,開啟 gitbash ， 執行命令：

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

clone 成功後 react-native 內容：

2, 開啟自帶的 示例包 ：

注意： rn 各個版本示例包名不一樣，有的是在 examples資料夾下，有的是在 RnTester下：

找到 示例包 ：

3， 開啟README.md 說明檔案：

檢視提示：

//  以執行  Android app 為例：
## Running this app

Before running the app, make sure you ran:

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

    npm install

根據提示執行命令：

4， 繼續檢視文件：

### Running on Android

You'll need to have all the [prerequisites](https://github.com/facebook/react-native/tree/master/ReactAndroid#prerequisites) (SDK, NDK) for Building React Native installed.

Start an Android emulator ([Genymotion](https://www.genymotion.com) is recommended).

    cd react-native
 

    ./gradlew :RNTester:android:app:installDebug
    ./scripts/packager.sh

_Note: Building for the first time can take a while._

Open the RNTester app in your emulator.

See [Running on Device](https://facebook.github.io/react-native/docs/running-on-device.html) in case you want to use a physical device.

 ./gradlew :RNTester:android:app:installDebug

發現報錯， 下載boost 失敗：

:ReactAndroid:downloadBoost
Invalid cookie header: "Set-Cookie: logged_in=no; domain=.github.com; path=/; expires=Sat, 28 Nov 2037 09:05:12 -0000; secure; HttpOnly". Invalid 'expires' attribute: Sat, 28 Nov 2037 09:05:12 -0000
:ReactAndroid:downloadBoost FAILED

從網上找到對應版本（一般錯誤資訊會提示），貼上複製進：ReactAndroid- build-downloads 資料夾下：

5，繼續執行命令：

./gradlew :RNTester:android:app:installDebug

安裝成功：

可以看到 我們模擬器上已經被安裝了RnTester:

6，啟動服務命令：

./scripts/packager.sh

開啟 我們的App RNTester 執行成功：

官方Demo. 僅供學習。

錯誤資訊提示：

1.Error:Execution failed for task ‘:ReactAndroid:downloadBoost’.

java.io.FileNotFoundException: http://nchc.dl.sourceforge.net/project/boost/boost/1.57.0/boost_1_57_0.zip
手動下載boost_1_57_0.zip 複製到/node_modules/react-native/ReactAndroid/build/downloads目錄下,下載不了請使用vpn。

2.Error:Execution failed for task ‘:ReactAndroid:downloadJSCHeaders’.

java.net.UnknownHostException: svn.webkit.org
到https://svn.webkit.org/repository/webkit/!svn/bc/174650/trunk/Source/JavaScriptCore/API/ 下載[‘JavaScript.h’, ‘JSBase.h’, ‘JSContextRef.h’, ‘JSObjectRef.h’, ‘JSRetainPtr.h’, ‘JSStringRef.h’, ‘JSValueRef.h’, ‘WebKitAvailability.h’]
複製到/node_modules/react-native/ReactAndroid/build/downloads/jsc目錄下。

3.Error:Execution failed for task ‘:ReactAndroid:buildReactNdkLib’.

Process ‘command ‘/Users/shixiang/Library/Android/android-ndk-r11b/ndk-build” finished with non-zero exit value 2
這個是我遇到的ndk版本問題,使用android-ndk-r10e後正常。