一.React-Native學習之Window環境下搭建環境配置


一.安裝JDK

      1.從Java官網下載JDK並安裝。 也可以從百度雲下載x64版本

      2.安裝成功可以用java -version查看版本信息

      3. 配置環境變量
  JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45
  Path+=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
  CLASSPATH+=%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

     JAVA_HOME變量

  

  Path變量

  

  CLASSPATH變量

  

 

二.安裝Android SDK

     推進安裝Android Studio

     1.官網鏈接AndroidDevTools百度雲

     2.安裝完成后在SDK Platforms窗口中,選擇Show Package Details,然后在Android 6.0 (Marshmallow)中勾選Google APIsIntel x86 Atom System ImageIntel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

  

     3.SDK Tools窗口中,選擇Show Package Details,然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1。(必須是這個版本)

     .

     4.配置ANDROID_HOME環境變量

      ANDROID_HOME= C:\Users\Administrator\AppData\Local\Android\sdk

     

三.安裝NodeJS

      1.從官網下載node.js的官方4.1版本或更高版本。百度雲

      2.可使用node -v的命令來測試NodeJS是否安裝成功

四、安裝git

      1.官網 或百度雲下載git安裝包

      2.配置環境變量

   GIT_HOME=C:\Program Files\Git

     

 

 五.安裝Python

     官網下載並安裝python 2.7.x(3.x版本不行) 百度雲

 

 六.安裝react-native

  1.安裝react-native命令行工具react-native-cli,git配置完成后可以clone React-native-cli了

    1)   在命令行中進入你希望RN安裝的目錄

    2)   輸入git clone https://github.com/facebook/react-native.git

    

    3)   進入剛剛目錄下的react-native目錄下的react-native-cli目錄,輸入npm install -g

 

       

    安裝好之后,可以命令行下就有react-native命令了

     2.創建React-Native項目

        進入你希望創建項目的目錄后,輸入react-native init AwesomeProject,等待一段時間(較慢)
                 

       

 

         目錄結構:

    

       3.運行package

          1) 在命令行中進入項目目錄,輸入react-native start,等待一段時間:

      

       然后在瀏覽器中輸入http://localhost:8081/index.android.bundle?platform=android,如果可以訪問就表示服務端啟動了

    

 

      4.運行項目

         剛剛運行package的命令行不要關閉,重新啟動一個新的命令行 ,進入項目目錄,輸入react-native run-android

     

     接下來可能會出錯

   

 

    解決方案:

   1)更改gradle為1.2.3

     

        2)在安卓機中--關於手機---長按MIUI版本 ,在彈出層中開啟開發中模式

    

      3)在開發中選項中開啟usb調試  並禁用"啟用MIUI優化",重啟手機。

    

      接下來打開安裝好的app,會白屏,這是需要找到並打開懸浮窗權限。

        教程http://jingyan.baidu.com/article/f25ef25466c0fc482d1b824d.html

      然后重新打開app,報錯

  

     這時候搖一搖手機,點擊Dev Settings后,點擊Debug server host & port for device,設置IP和端口

     

      再次搖一搖手機,選擇Reload ,程序就運行起來,出現Welcome to React Native!

  

     至此,就可以盡情的安卓code了!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM