ReactNative进阶(三):ReactNative 项目启动原理介绍_react native 为什么要启动start(3)

本文详细介绍了ReactNative的初始化过程,包括加载JS代码、初始化BatchBridge、创建JS模块配置表以及注入配置信息到原生端。通过理解这些步骤,开发者能够更好地了解RN项目的运行机制,为优化性能提供依据。
摘要由CSDN通过智能技术生成

简单说,JSBridge的初始化就是从加载js源代码(JSBundle)到JSBundle能被原生端执行的过程,具体做了哪些准备工作呢?首先,ReactNativejs组件及事件最后都会映射成原生组件,而所有原生组件暴露给 JavaScript 的类都在Native Modules里。那么,js端是怎么映射到原生组件的呢?是通过Module 配置表找到Native Modules里对应的类。最后,js调用原生方法等交互,及映射成原生代码都是通过JSCExecutor

所以JSBridge的初始化操作,也就是对JSBundleNative ModulesModule 配置表、JSCExecutor四个模块进行初始化,具体逻辑流程图如下:
在这里插入图片描述
1. 加载 JSBundle 代码(异步)

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值