目前網上關於React Native的教程很多，官方文檔寫的也很好，但是感覺大部分教程寫的不是很清楚，導致我跟着教程一步一步下來發現各種問題。因此我來分享一下我解決問題和搭建環境的過程。
一、配置React Native環境
首先要安裝Chocolatey，是一個Windows上的包管理器，類似於linux上的yum和 apt-get，安裝了Chocolatey就可以通過命令行來安裝一些我們需要軟件。具體介紹可查看其 官網。
Chocolatey的安裝方法：
1.以管理員身份打開cmd.exe命令行，輸入如下內容，然後回車。
@powershell -NoProfile -ExecutionPolicy unrestricted -Command "iex ((new-objectnet.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin當出現chocolatey is now ready時，表示安裝完畢。
2.如果cmd無法安裝，你可以試一試powershell 命令行的安裝，打開powershell.exe，輸入如下內容,回車
iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))
同樣出現chocolatey is now ready時，表示安裝完畢。安裝過程中一般會出現 “因爲在此係統中禁止執行腳本”這個問題，這裏是解決辦法。
接下來安裝Python 2 ,安裝完Chocolatey就可以在命令行程序使用Chocolatey來安裝Python 2。如果是使用cmd.exe安裝的就直接輸入
choco install python2
同樣，使用PowerShell.exe安裝的也是一樣。這裏有可能會安裝失敗，我就遇到了，這個問題的話我們先關閉掉命令行在重新打開輸入以上命令就行了。我的Windows平臺的Python版本爲2.7.13。系統會自動下載最新版本。
當然也可以直接Python官網去下載安裝，下載地址爲https://www.python.org/downloads/。
然後就是安裝node.js，我們只需輸入
choco install nodejs.install
同樣的也可以去Node.js官網去下載安裝，地址爲https://nodejs.org/en/。
安裝成功以後，打開Node.js command prompt（Node.js命令提示符窗口），找不到就在c盤搜索command prompt。輸入如下語句來設置npm鏡像。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
然後還需要安裝Yarn和React Native的命令行工具（react-native-cli） 。Yarn是Facebook提供的替代npm的工具，可以加速node模塊的下載。react-native-cli則用於執行react native的創建、初始化、更新項目、運行打包服務（packager）等任務。
npm install -g yarn react-native-cli
安裝完yarn後也要設置鏡像源：
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
二、配置Android Studio
React Native目前需要Android Studio2.0或更高版本。打開Android Studio的SDK Manager，在SDK Platforms窗口中勾選Show Package Details，並確保已經安裝了下圖打勾的選項。
接下來在SDK Tools窗口中勾選Show Package Details，在Android SDK Build Tools列表中勾選23.0.1，勾選最底部的Android Support Repository。
三、創建React Native項目，並運行
在命令提示符窗口進入需要存儲React Native項目的文件目錄，輸入如下語句來創建項目：
react-native init HelloWorld
然後就會出現如下圖的情況：
我們只需要等待項目創建好。下圖是創建好的狀態和工程結構：
這個時候就有兩種方法運行我們的項目：
1、在命令行輸入cd HelloWorld進入工程目錄下，然後輸入
react-native run-android
運行我們的項目。這是出現這種情況：
我們可以不讓它下載，使用本地的，所以我們關掉命令行，進入項目目錄中的Android目錄下修改對應的版本即可（參照自己原生安卓項目修改）：
然後我們在執行上邊運行項目的語句，這個時候也會有錯誤
提示我們找不到sdk的路徑，這個問題的解決辦法是：我們只需要將原生項目的local.properties文件拷到對應的android目錄下即可。然後再執行
react-native run-android如下圖：
這就表示已經安裝成功了，這裏我用的真機調試的。用模擬器也是一樣。
2、第二種方法就是用Android Studio打開我們的HelloWorld文件中android文件，然後修改相應的gradle版本，點擊run運行即可。
點開安裝的app，會提示開啓在其他應用上層顯示的權限，這個直接開啓（很重要），然後出現如下界面：
這個的問題的解決辦法：
1、打開項目名稱\android\app\src\main文件夾
2、創建文件夾assets
3、打開命令行，在工程目錄下輸入
react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/如下圖所示：
然後重新運行項目，這時運行效果如下圖所示，第一個項目就創建完成了。
四、HelloWorld
我們將index.android.js 文件的代碼清空並加入如下代碼：
import React, { Component } from 'react';//1
import { AppRegistry, Text } from 'react-native';
class HelloWorldApp extends Component {//2
render() {
return (
<Text>Hello world</Text>//3
);
}
}
AppRegistry.registerComponent('HelloWorld', () => HelloWorldApp);//4
這段代碼是ES6編寫的，ES6是JavaScript語言的下一代標準，不瞭解可以上網看文檔，這裏推薦一本電子書地址爲http://es6.ruanyifeng.com/。
替換之後我們重新運行項目，搖晃手機出現調試界面，點擊Reload（點擊reload是加載運行我們更換之後的代碼）之後發現如下界面：
解決辦法：
搖晃手機就會出現調試界面
點擊DevSettings——>點擊Debug server host & port for device——>輸入你的IP地址+8081端口（一定要打開wifi，不然調試不了）
然後重新運行項目如下圖所示，helloWorld出來了
有的地方可能表述的不是特別清楚，希望對大家有所幫助。