聲明：用windows 搭建的react native只能開發(fā)安卓應用

1.準備安裝java jdk，以及Android SDK

傳送門：?java? ?JDK? ?Android SDK(自行尋找)

a.設置java的系統(tǒng)環(huán)境變量：java_home(指向jdk目錄) ? path（指向jdk bin目錄） classpath：?.;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

這些系統(tǒng)變量名不區(qū)分大小寫

b.設置ANDROID_HOME用戶環(huán)境變量：指向Android sdk安裝目錄

這些設置均在DOS窗口關閉重開后生效

?

2.安裝安卓模擬器，推薦genymotion

傳送門：genymotion

這里你會踩很多坑

首先要在genymotion上建一個Google Nexus 5.0+的模擬器

其次如果你的windows是64位，則在配置virtualBox的時候將系統(tǒng)設置為64位，如果沒有64位選項，進入bios 將virtualization設為enable

然后升級你的顯卡驅動或者將你的顯卡硬件加速調到最大，在虛擬機的設置->系統(tǒng)->硬件加速中勾選 啟用 VT-X/AMD-V

然后開啟virtualBox,待出現黑色對話框并顯示出為虛擬機分配好IP后，再啟動genymotion的模擬器這樣模擬便順利啟動了。

?

3.安裝nodejs 4.0版本以上

傳送門： nodejs

?

4.用nodejs的npm安裝react-native cli

npm install -g react-native-cli

?

5.初始化react native的項目

react-native init AwesomeProject

這個初始化成功率較低，如果初始化有問題，則去如下git倉庫獲取

https://github.com/chenyangcun/AwesomeProject.git

6.啟動react Native項目

在dos中進入項目所在文件夾，然后運行 ：react-native start

如果出現watcher took too long to load 報錯

則進入項目的\node_modules\react-native\packager\react-packager\src\FileWatcher 將index.js里的timeout字段改大就好了

?

7.將項目部署到模擬器

在打開模擬器的前提下，在dos中進入項目目錄的android文件夾

運行： gradlew.bat installDebug

如果嫌jCenter 下載過慢，考慮使用maven鏡像

打開項目目錄下的build.gradle 將里面的?allprojects->repositories里的jCenter()換成

maven{ url 'http://maven.oschina.net/content/groups/public/'}

成功啟動項目后

進入模擬器，打開app就可以了

?

?

轉載于:https://www.cnblogs.com/JhoneLee/p/5203160.html

總結

以上是生活随笔為你收集整理的react native windows 搭建（完整版）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。