什么是React Native
React是Facebook開發(fā)的一款JavaScript庫刀崖，使用這個庫可以很好的編寫漂亮的網(wǎng)頁UI，能簡化前端程序員很多操作讼撒。
而React Native是在React基礎(chǔ)上發(fā)展而來，目的讓程序員能夠真正用JavaScript去開發(fā)手機端的APP，像瀏覽WebAPP 一樣煎娇，但是同時具有NativeAPP的流程與操作體驗。記住贪染，這與你使用WebView完全是不一樣的缓呛。
優(yōu)點
如果我們平時寫完代碼之后，在手機上運行杭隙，想更改一下TextView的值哟绊，相信是一件非常苦惱的事情痰憎，因為又要重寫編譯APK票髓，然后在手機上面安裝。
但是ReactNative可以讓我們通過更新服務(wù)器端的JS代碼铣耘，就可以直接更新手機端的界面洽沟。看下圖演示：
ReactNative
看蜗细，我們沒有重寫安裝APK裆操，就可以更改控件的字樣了。
開始第一個ReactNative應(yīng)用
環(huán)境搭建步驟：
可以安裝官網(wǎng)地址的指導(dǎo)來，也可以按照下面的操作來：
- 安裝Chocolatey
用管理員權(quán)限打開Windows命令行跷车，copy并輸入如下命令：
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin""
- 接著輸入
choco install nodejs.install安裝Node.js庫
然后輸入choco install python2安裝Python2.x版本棘利，不過我的機器上面本來就有3.x的版本就沒安裝了。 - 重新用管理員打開命令行朽缴，輸入
npm install -g react-native-cli善玫，安裝 React Native CLI - 配置Android SDK的環(huán)境變量，新建環(huán)境變量：ANDROID_HOME密强，值為你的Android SDK的位置
- 創(chuàng)建第一個React Native應(yīng)用
react-native init AwesomeProject
cd AwesomeProject
react-native start
創(chuàng)建完成時這樣的：
Paste_Image.png
其中C:\Users\asd.SMARTBOY\AwesomeProject就是我項目的目錄茅郎。
不要關(guān)閉這個命令行。
- 打開Android模擬器或渤，不要使用小米手機Ｏ等摺！薪鹦！因為會無法安裝掌敬，除非關(guān)閉MIUI優(yōu)化。然后打開一個新的命令行池磁，輸入
react-native run-android就可以安裝應(yīng)用了奔害。
動態(tài)更改界面
在AwesomeProject目錄下找到index.android.js文件，然后編輯代碼地熄，比如更改一下文字华临，然后保存。再在雙擊R鍵端考，就可以重寫加載界面了雅潭！而不需要重新安裝應(yīng)用。流程就是我上面那個GIF圖所示却特。
后記
好了扶供，這就是第一個React Native的指導(dǎo)了，只是把官網(wǎng)的例子搬過來翻譯了一下核偿，希望能讓沒有接觸過诚欠，或者是懼怕React Native的人有個感性的認識顽染。
