1. 程式人生 > >React Native - Android 環境的安裝

React Native - Android 環境的安裝

文件夾 data 技術分享 正常 簡單的 config ply build androi

由於現在手機用戶越來越多。人們對手機的依賴也越來越嚴重。越來越多的公司都要求程序可以在手機上是用。如果想要在IOS和Android設備上運行程序需要開發兩套不同的程序。

React Native是基於Javascript和原生的中間產物 ,他具有跨平臺行。只需要簡單的編譯就可以實現在IOS和Android兩套系統上面使用。

話不多說。首先我們需要搭建好安卓開發的環境。

具體的細節可以參考官方文檔:https://reactnative.cn/docs/getting-started/

  1. 安裝Node,版本高於8.3 , install global npm (install npm -g)
  2. Java SE JDK 1.8+
  3. install react-native-cli (不推薦使用淘寶的鏡像 cnpm)
  4. 安裝Android Studio (https://developer.android.com/studio/)
    1. 建議使用Recommond
    2. 如果是用custom ,需要確保下面選項是否選中
      1. Android SDK
      2. Android SDK Platform
      3. Performance (Intel ? HAXM)
      4. Android Virtual Device
  5. 配置SDK
    1. 當安裝完成之後我們可以在歡迎界面找到Configure -> SDK Manager
      技術分享圖片
    2. 找到Android SDK 選項卡 -> 打開SDK Platforms -> 選中Show Details -> 安裝以下組件
      • Android SDK Platform 27
      • Intel x86 Atom_64 System Image (官方模擬器鏡像文件,使用非官方模擬器不需要安裝此組)

        技術分享圖片
    3. 然後點擊"SDK Tools"選項卡,同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項,確保選中了 React Native 所必須的27.0.3版本。你可以同時安裝多個其他版本
    4. 最後點擊"Apply"來下載和安裝這些組件
  6. 配置Android環境變量
    1. 打開控制面板 -> 系統和安全 -> 系統 -> 高級系統設置 -> 高級 -> 環境變量-> 新建
      技術分享圖片
    2. Android 默認把SDK安裝到 c:\Users\你的用戶名\AppData\Local\Android\Sdk, 你也可以同過剛剛的SDK Manager 找到Android SDK Location (詳見上圖)
  7. 配置Android虛擬設備。
    1. 你可以使用 Android Studio 打開項目下的"android"目錄,然後可以使用"AVD Manager"來查看可用的虛擬設備。(我沒有找到)
    2. 也可以在歡迎界面。Configure -> AVD Manager
      技術分享圖片
    3. 我們需要下載或者添加一個新的設備。具體根據需要選擇參數。當設備下載和添加成功之後如下圖:
      技術分享圖片
    4. 啟動設備。我們可以看到Android模擬器運行正常
  8. 利用react-native創建Android應用。(react-native init projectname)
  9. 進入projectname文件夾, react-native run-android 。
  10. Android程序啟動正常

  技術分享圖片

React Native - Android 環境的安裝