1、react-native安裝

 npm install -g react-native-cli 

可以使用yarn代替npm，安裝更快

yarn global add react-native-cli

校驗是否安裝成功

 react-native -v 

2、使用腳手架初始化項目

react-native init MyProject

時間比較長，可以多嘗試幾次

3、安卓虛擬機安裝，并啟動前

建議使用genymotion安卓模擬器（有真機的情況，使用真機）

4、運行項目

項目運行前，必須啟動

cd MyProject
npm install 或 yarn
啟動react-native服務(wù)
react-native start
在模擬器中運行
react-native run-android

第一次使用虛擬機運行時，會發(fā)生如下報錯：

解決方式（為設(shè)備配置Debug server host & port）
Ctrl+M（或點擊搖一搖）打開配置頁面

配置完畢。點擊R+R，reload頁面（出現(xiàn)白屏時，構(gòu)建靜態(tài)資源目錄）

使用VS Code + react-devtools + genymotion搭建開發(fā)環(huán)境

（推薦使用VS Code進行開發(fā)，Android Studio進行APK打包）

1、VS Code、react-devtools、genymotion搭建開發(fā)環(huán)境下載安裝（略）

react-devtools安裝方式
npm install react-devtools -g

2、VS Code RN 開發(fā)環(huán)境搭建

VS Code安裝 React Native Tools（演示）

Debug Andriod調(diào)式器搭建

配置完成，點擊啟動debug調(diào)式模式
配置頁面啟動頁更新

3、react-devtools進行頁面樣式調(diào)式

總結(jié)

1、開發(fā)環(huán)境：

推薦使用VS Code（代碼開發(fā)、調(diào)式） + react-devtools（頁面樣式調(diào)式） + genymotion（安卓虛擬機）；

2、打包apk：

推薦使用 Android Studio；