0 如何在Android和iOS平臺運行React Native應用

如果你還沒有配置React Native開發環境,請訪問:一步一步搭建ReactNative開發環境(Mac)

Android依賴的安裝需要較多的步驟,安裝的方法也有很多,接下來跟着我一步步的完成Android依賴的安裝吧。

一、Android依賴

關於Android依賴的安裝,大概分爲三個步驟

1、如何安裝jdk

(1)請前往鏈接:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

(2)按照下圖點擊下載

Java_SE_Development_Kit_8_-_Downloads

(3)下載安裝完以後,在終端輸入java -version

lucien_—_-bash_—_80×24

如上圖所示,即表示jdk安裝成功。

2、通過命令brew install android-idk安裝Android SDK。

sdkanzhuang

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並接受合適的許可。等待安裝完成需要花一段時間。
Android_SDK_Manager00001Android_SDK_Manager000002

Android_SDK_Manager00003

其中2、3、5使我們能夠創建Android虛擬設備(Android Virtual Devices,AVDs),或模擬器。

Choose_Packages_to_Install_和_Android_SDK_Manager

anzhuagnzhong

PS:安裝完成後,選中安裝的選項的Not installed都會變成installed

(2)add the following to your ~/.bashrc

PS:通過vi創建.bashrc文件,往文件中輸入export ANDROID_HOME=/usr/local/opt/android-sdk內容保存並且退出

lucien_—_-bash_—00001

lucien_—_vi__bashrc_—00002

~/.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

android-sdk_—avd鍵盤輸入enter得到AVD管理器

Android_Virtual_Device__AVD__Manager

點擊create按鈕並且填寫創建模擬器的相關信息,如下圖所示,對於模擬器選項,記得勾選Use Host GPU

Create_new_Android_Virtual_Device__AVD__和_Android_Virtual_Device__AVD__Manager

上圖中,除了填好相關信息以外,確保夠炫了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啓動模擬器

avdqidongmoniqi

方式二:打開終端,1在終端中輸入emulator -list-avds查看安裝哪些模擬器,2通過emulator @模擬器名字啓動模擬器

zhongduanqidongmoniqi

2、通過react-native run-android命令安裝react native程序到Android上

PS:第一次使用react-native run-android命令時,因爲需要下載很多配置文件,所以需要耐心等待,以後就不需要等待了

接下來我通過command+n新建一個終端,1首先先切換到項目路徑,再在終端中輸入react-native run-android命令

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章