React-Native運行機制簡介

初始化 React Native

  1. 讀取 JavaScript 源碼函數

    • JavaScript 加載進內存, JSX 代碼已經被轉化成原生的 JavaScript 代碼ui

  2. 初始化模塊信息spa

    • 這一步在方法 initModulesWithDispatchGroup中實現,主要任務是找到全部須要暴露給 JavaScript的類.net

  3. 初始化 JavaScript 代碼的執行器,即 RCTJSCExecutor 對象code

  4. 生成模塊列表並寫入 JavaScript 端對象

  5. 執行 JavaScript 源碼blog

在 React Native 中,Objective-C 和 JavaScript 的交互都是經過傳遞 ModuleId 、 MethodId、CallbackID和 Arguments 進行的,大概流程是這樣:隊列

JS調用OC方法——> 經過配置錶轉換參數(ModuleId MethodId CallbackID Arguments)——> 傳遞參數到消息隊列——> OC拿到參數並經過配置列表執行對應函數——> 執行後返回回調ID和參數 ——> JS執行經過ID執行回調函數

參考文章:http://www.tuicool.com/articles/yEnQzu6
參考文章:http://blog.cnbang.net/tech/2698/ip

相關文章
相關標籤/搜索