1. 程式人生 > >mac 下 react Native android環境搭建

mac 下 react Native android環境搭建

否則 編譯速度 方案 立即生效 cat blog ref spa 默認

1、參考 上一篇的博客文章 “mac 下 react Native ios環境搭建”,前面幾步都是必須的,只是,原生客戶端不一致

2、Android Studio的安裝

A:安裝JAVA的SDK

註意:Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中輸入 javac -version來查看你當前安裝的JDK版本。如果版本不合要求,可以到 官網上下載

B:除非特別註明,請不要改動安裝過程中的選項。比如Android Studio默認安裝了 Android Support Repository

,而這也是React Native必須的,否則在react-native run-android時會報appcompat-v7包找不到的錯誤

C:安裝過程中有一些需要改動的選項

技術分享

勾選Performance和Android Virtual Device

技術分享

安裝完成後,在Android Studio的啟動歡迎界面中選擇Configure | SDK Manager

技術分享

在SDK Platforms窗口中,選擇Show Package Details,然後在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

技術分享

SDK Tools窗口中,選擇Show Package Details,然後在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1(必須是這個版本)。然後還要勾選最底部的Android Support Repository

技術分享

D:ANDROID_HOME環境變量

確保ANDROID_HOME環境變量正確地指向了你安裝的Android SDK的路徑。具體的做法是把下面的命令加入到~/.bash_profile文件中:(譯註:~表示用戶目錄,即/Users/你的用戶名/,而小數點開頭的文件在Finder中是隱藏的,並且這個文件有可能並不存在。請在終端下使用vi ~/.bash_profile

命令創建或編輯

# 如果你不是通過Android Studio安裝的sdk,則其路徑可能不同,請自行確定清楚。
export ANDROID_HOME=~/Library/Android/sdk

然後使用下列命令使其立即生效(否則重啟後才生效):source ~/.bash_profile

可以使用echo $ANDROID_HOME檢查此變量是否已正確設置

E:將Android SDK的Tools目錄添加到PATH變量中

你可以把Android SDK的tools和platform-tools目錄添加到PATH變量中,以便在終端中運行一些Android工具,例如android avd或是adb logcat等。具體做法仍然是在~/.bash_profile中添加:

export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

3、可選項安裝

A:Gradle Daemon:開啟Gradle Daemon可以極大地提升java代碼的增量編譯速度。

touch ~/.gradle/gradle.properties && echo "org.gradle.daemon=true" >> ~/.gradle/gradle.properties

B:Genymotion

4、測試安裝

react-native init AwesomeProject

cd AwesomeProject

  react-native run-android

react-native run-android遇到的問題以及解決方案:

A:Gradle sync 沒反應假死

解決方案:首先需要FQ使用代理

第一步:在項目裏查找gradle-wrapper.properties這個文件,看到distributionUrl=https\://services.gradle.org/distributions/gradle-2.14.1-all.zip,這樣一來就知道版本號啦

第二步:這裏說明gradle版本需要用2.14.1,或者把這個版本號改成你已有的gradle版本也可以,這樣下面的步驟就不用做了,直接sync gradle項目就正常了

第三步:自己上網下載到這個包:gradle-2.14.1-all.zip

第四步:進入目錄/Users/xxxxxx/.gradle/wrapper/dists/gradle-2.14.1-all/8bnwg5hd3w55iofp58khbp6yv,(8bnwg5hd3w55iofp58khbp6yv這個文件夾各個機器不一樣),將裏面的東西全部刪掉

第五步:將下載的gradle-2.14.1-all.zip放到這裏

第六步:重新啟動android studio,gradle將會順利通過

B:提示沒有設備

android stdio跑起來以後選擇一個設備,或者安裝一個generymotion

mac 下 react Native android環境搭建