1. 程式人生 > >配置android開發環境、安裝Android studio、Android sdk(配置react native的Android環境)

配置android開發環境、安裝Android studio、Android sdk(配置react native的Android環境)

配置react native的Android環境的步驟比較多,所以單獨提取出來記錄:

提示:如果是想搭建android開發環境安裝Android studio,本記錄貼也適用的

1. 安裝 Android Studio,配置sdk

2.建立一個android專案並執行測試

3.要配置React Native開發環境還需要做一些配置


提示:如果是想搭建android開發環境安裝Android studio,本記錄貼也適用的

1. 安裝 Android Studio,配置sdk

react native官方文件中的重要的原話:

安裝介面中選擇"Custom"選項,確保選中了以下幾項:

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM)
  • Android Virtual Device

1..Android Studio下載地址http://www.android-studio.org/開啟後如下:

2.雙擊下載好的可執行檔案

安裝步驟如下:

這裡Android studio程式安裝完畢,但是還需要繼續對其進行配置;勾選Start Android Studio,然後點選finish啟動AS,出現下圖:

在啟動的時候會彈出下圖:

點選cancel,然後進入到了AS的安裝嚮導介面

點選Finish後,等待下載完畢,這裡下載時間非常久(猜測:之前電腦上谷歌瀏覽器上安裝有谷歌上網助手外掛,能訪問谷歌,所以快了很多吧):

2.建立一個android專案並執行測試

下面一直點next就行了,然後進入如下介面:

如果出現下圖R檔案找不到還需要Build-->Rebuild Project:

手機usb連線電腦,開啟手機的usb除錯,點選下圖按鈕啟動:

執行成功

3.要配置React Native開發環境還需要做一些配置

官方文件指出:

在 SDK Manager 中選擇"SDK Platforms"選項卡,然後在右下角勾選"Show Package Details"。展開Android 8.0 (Oreo)選項,確保勾選了下面這些元件(重申你必須使用穩定的翻牆工具,否則可能都看不到這個介面):

  • Android SDK Platform 26
  • Intel x86 Atom_64 System Image(官方模擬器映象檔案,使用非官方模擬器不需要安裝此元件)

tools-->SDK Manager:

 

然後點選"SDK Tools"選項卡,同樣勾中右下角的"Show Package Details"。展開"Android SDK Build-Tools"選項,確保選中了 React Native 所必須的26.0.3版本。你可以同時安裝多個其他版本,然後還要勾選最底部的Android Support Repository

 apply->ok

配置 新建ANDROID_HOME 環境變數

完成配置。