如果你還沒有配置React Native開發環境,請訪問:一步一步搭建ReactNative開發環境(Mac)
Android依賴的安裝需要較多的步驟,安裝的方法也有很多,接下來跟着我一步步的完成Android依賴的安裝吧。
一、Android依賴
關於Android依賴的安裝,大概分爲三個步驟
1、如何安裝jdk
(1)請前往鏈接:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
(2)按照下圖點擊下載
(3)下載安裝完以後,在終端輸入java -version
如上圖所示,即表示jdk安裝成功。
2、通過命令brew install android-idk安裝Android SDK。
3、actual SDK stuff 、環境變量配置和AVD創建
(1)run the ‘android’ tool to install the actual SDK stuff.
執行android命令,從而打開Android SDK管理器,如下圖所示,管理器將會顯示出安裝包的安裝情況。Android SDK 管理器允許你選擇開發包進行安裝。PS:我用紅線框起來的部分,即1、2、3、4、5必須要確保選中,然後點擊install packages並接受合適的許可。等待安裝完成需要花一段時間。
其中2、3、5使我們能夠創建Android虛擬設備(Android Virtual Devices,AVDs),或模擬器。
PS:安裝完成後,選中安裝的選項的Not installed都會變成installed
(2)add the following to your ~/.bashrc
PS:通過vi創建.bashrc文件,往文件中輸入export ANDROID_HOME=/usr/local/opt/android-sdk內容保存並且退出
~/.bashrc文件保存退出後,需要執行source ~/.bashrc 讓其立即生效,否則可能會出現如下bug:
SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable. (PS:此處感謝RN技術交流羣:555705178中的小夥伴:qq:419136078 暱稱:蜀中閬子)
(3)通過AVD管理器創建和運行模擬器
在終端輸入android avd
鍵盤輸入enter得到AVD管理器
點擊create按鈕並且填寫創建模擬器的相關信息,如下圖所示,對於模擬器選項,記得勾選Use Host GPU
上圖中,除了填好相關信息以外,確保夠炫了Use Host GPU,否則模擬器會非常慢
如果願意的話,你可以創建許多AVD。由於android設備種類繁多,有不同的屏幕尺寸,分辨率和功能,因此使用不同的模擬器通常能爲測試帶來幫助。當然,處於學習的目的,我們只需安裝一兩個即可。
二、創建新應用
你可以使用React Native命令工具來創建一個新的應用,它會爲你生成一個包涵React Native、iOS和Android的全新模版工程:
這一塊windows安裝一般6分鐘左右,因爲它只支持Android,如果是mac安裝,大概需要十多分鐘,它同時支持iOS和Android,所以包比較大。(PS: 如果翻牆的話,iOS端一般四分鐘左右)
三、將程序運行的iOS端有兩種方式
1、方式一
通過Xcode直接打開iOS應用,運行即可。如下圖所示。
2、方式二
先將終端、Xcode、模擬器退出,然後重啓終端,在終端中切換到項目路徑,再在終端中輸入react-native run-ios
四、如何在Android端運行React Native程序
1、首先需要啓動模擬器
啓動模擬器有兩種方式:
方式一:如下圖所示,1終端輸入android avd,輸入enter啓動AVD管理器,2選中模擬器,3點擊Start啓動模擬器
方式二:打開終端,1在終端中輸入emulator -list-avds查看安裝哪些模擬器,2通過emulator @模擬器名字啓動模擬器
2、通過react-native run-android命令安裝react native程序到Android上
PS:第一次使用react-native run-android命令時,因爲需要下載很多配置文件,所以需要耐心等待,以後就不需要等待了
接下來我通過command+n新建一個終端,1首先先切換到項目路徑,再在終端中輸入react-native run-android命令