北京app開發(fā)公司億點時代給您介紹一種app開發(fā)新方式——React Native開發(fā)，

基本概念

簡單的介紹一下React Native是如何進行工作的以及Java的代碼是如何裝換成到一個強大的移動端app。我們需要知道的是任何的一個React Native 應(yīng)用都是雙線程的：

1. 主線程

主線程管理著程序的用戶界面，處理包括手勢和觸摸在內(nèi)的所有本地交互。因為RN允許在源代碼中添加android java，Objective C或swift代碼，所以這些代碼塊也可以在此線程中執(zhí)行。是不是感覺這樣開發(fā)變得很舒服。

2. Java 線程

這個線程執(zhí)行在Java編譯器寫的Java代碼（默認(rèn)狀態(tài)下是在iOS平臺中，并且通過構(gòu)件可以發(fā)送到Android設(shè)備上。）

 

正如名字所表示的，中間件可以幫助實現(xiàn)JavaScriprt線程和主線程之間的數(shù)據(jù)（信息）處理。這些信息可以被異步和批量處理。中間件可以保證JS代碼與本機模塊進行對話并且與設(shè)備API交互。

現(xiàn)在我們對RN的結(jié)構(gòu)有了基本的了解，接下來我們來介紹實現(xiàn)的過程。

搭建開發(fā)環(huán)境

如果你已經(jīng)安裝了RN并且對開發(fā)系統(tǒng)比較了解，你就可以跳過去看下一部分內(nèi)容了。如果你是剛?cè)腴T的新手，那么你可以按照官方的安裝指南（會有更加詳細(xì)的介紹）去操作，或者按照我下面說的去做。首先確認(rèn)你的電腦上已經(jīng)成功安裝了node和yarn模塊。我們將利用CRNA（create-react-native-app ）工具來創(chuàng)建模版,運行下面的指令實現(xiàn)程序“HelloNative”

create-react-native-app HelloNative

cd HelloNative

npm start

這將為你啟動一個可擴展的服務(wù)器，并在終端輸出一段QR代碼。使用CRNA工具出現(xiàn)的警告只有：

it may not use the latest version of react-native

如果出現(xiàn)這個警告，你可以使用Expo CLI 或者 Expo XDE去解決。

然后安裝Expo 在你的iOS系統(tǒng)或者Android系統(tǒng)上，并將手機和你的電腦一樣聯(lián)接到網(wǎng)絡(luò)中。使用Expo app你就可以在你的手機上進行操作啦。

React Native app

你可以運用yarn ios 和yarn android指令分別在iOS和Android模擬器上測試，這樣你就可以運行你的React-Native app啦。

如果你知道如何打開app中的擴展菜單，你將會看到有支持熱加載和實時重載選項。這些可以使你可以迅速在Andriod環(huán)境下加載你的app