<abbr id="ygeua"></abbr>

React Native 原理

jackzou 發布于2019-08-20 17:53 / 2520人閱讀

摘要：對象和原生代碼交互對象可以和原生對象之間相互調用，關系如上圖。和本地代碼間的通信其中通信的特點是異步的序列化的批量的，對于大批量的通信事件可以將其分成幾部分，減少時間延遲參考

React Native簡介

React Native是一個建立在JavaScript和React上用于構建本地應用的框架,它具有React和JavaScript相似的代碼風格，編寫一次可以運行在多個平臺之上（>= Android 4.1 (API 16) and >= iOS 8.0），并且有著強大的社區。

React Native 結構

主要分為三個部分：

Native Code對應著原生代碼，例如android的原生Java代碼，ios的原生C++代碼

Bridge用于將JS和原生Native Code連接起來

JS VM用于運行JS代碼，React Native采用的是JavaScriptCore,在Android上，需要應用自己附帶JavaScriptCore，Ios上JavaScriptCore屬于系統的一部分，不需要應用附帶。

React Native線程模型

React Native應用中存在三個線程隊列，它們工作的流程大概如下：UI Event Queue觸發事件，通過Bridge調用JS代碼在JS Event Queue中運行，JS運行后將視圖更新分發給Native Module Event Queue中的線程,Native Module Event Queue負責計算，然后將最后的結果交給UI Event Queue中的線程去更新。其中UI Event Queue為主線程。

Modules

React Native中有一個基本的概念就是模塊，一個模塊有狀態和方法，我們可以通過JS調用一個Module,如上圖中以Android為例，可以通過JS調用Dialog module,然后轉化成原生代碼對應的是Android中的DialogModule。

View Managers

React Native中的另一個概念是組件，一個組件可以通過映射關系和原生的API相對應，我們也可以自定義組件，例如上圖中的和原生代碼中的 new TextView(getContext())相對應。

JavaScript對象和原生代碼交互

JavaScript對象可以和原生對象之間相互調用，關系如上圖。

JavaScript和本地代碼間的通信

其中通信的特點是：

異步的

序列化的

批量的，對于大批量的通信事件可以將其分成幾部分，減少時間延遲

參考：http://www.reactnative.com/un...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/83946.html

多React Native項目時依賴管理的最佳實踐

摘要：此時會把當前路徑作為一個本地，在全局路徑下創建一個軟鏈接。所有依賴于全局路徑下的都必須是一個版本的，并沒有提供多版本號依賴的解決方法。因此，還是建議選擇一個常用的版本安裝在全局路徑，個別需求其他版本號的的項目，使用來配置局部依賴。在實際開發過程中，經常需要同時運行和修改多個React Native工程，比如運行github上的開源項目以觀察某種控件的實際效果。那么此時，各項目下的初始...

AbnerMing 2019-08-19 17:20 評論0 收藏0
跨平臺技術演進

摘要：接下來，我將從原理優缺點等方面為大家分享跨平臺技術演進。小程序年是微信小程序飛速發展的一年，年，各大廠商快速跟進，已經有了很大的影響力。下面，我們以微信小程序為例，分析小程序的技術架構。前言大家好，我是simbawu ，@BooheeFE Team Leader，關于這篇文章，有問題歡迎來這里討論。隨著移動互聯網的普及和快速發展，手機成了互聯網行業最大的流量分發入口。以及隨著5G...

魏憲會 2019-08-30 15:43 評論0 收藏0