React-Native介紹（后面內容的RN就是指react-native）

由facebook公司推出的，基于react，能開發(fā)原生app 原理： 1. 利用react框架寫好js代碼 2. 利用python、C 把我們的js代碼，翻譯成java代碼 3. 利用android-SDK把我們的java源代碼打包編譯成apk 4. 可以運行在模擬器上只要搭建好環(huán)境，以上內容都是android-sdk幫我們完成

RN環(huán)境搭建（環(huán)境建議裝在c盤）

開始需要裝兩個全局包 cnpm i -g yarn react-native-cli 1. 安裝java環(huán)境* 下載jdk8注意：jdk包括了jdk和jre* 在系統環(huán)境變量里面新建一個JAVA_HOME的系統變量，值為jdk的路徑C:\Program Files\Java\jdk1.8.0_144* 在path里新增兩個值%JAVA_HOME%\bin，%JAVA_HOME%\jre\bin* 然后cmd運行java -version和javac，如果出現版本號或者沒說找不到，就代表ok了 2. 安裝python環(huán)境* 去360軟件管家里面下載* 安裝時候記得勾選安裝到path中，英文好像叫 allow add xxx to path，它會自動添加到系統環(huán)境變量 3. 搭建android環(huán)境下載android-sdk，將Android丟到c盤下 4. 安裝模擬器我推薦用夜神模擬器

RN腳手架生成項目

創(chuàng)建新文件夾 打開命令窗口react-native init projectname 運行項目流程：1. 在模擬器的開發(fā)者模式中，打開usb調試（打開開發(fā)者模式需要連續(xù)點擊版本號）2. 電腦連接模擬器adb connect 127.0.0.1:62001通過adb devices看是否連接上模擬器3. 找到android->gradle->wrapper->gradle-wrapper.properties修改distributionUrl=file:///C:/Android/gradle-2.14.1-all.zip，不改也行，會自動用網上的資源4. 切換到項目根目錄通過react-native run-android5. 菜單鍵 - Dev Settings - Debug server host xxx - 設置內網的ip，node的端口號8081，關掉原先node服務，再重新打開react-native run-android
更多專業(yè)前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的关于React-native的介绍以及环境搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

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