一.ReactNative 结构图
react.jpg
二 .ReactNative 类图
RCTRoot.jpg
三 . ReactNative 如何桥接
遵循RN的协议RCTBridgeModule 协议，贴出我自己写的OC 供 JSX 调用的例子
.h
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTLog.h>
@interface OCModelParam : NSObject<RCTBridgeModule>
@end
.m
#import "OCModelParam.h"
@implementation OCModelParam
//暴露给React 使用
RCT_EXPORT_MODULE()
RCT_EXPORT_METHOD(reactParam:(NSString *)param)
{
RCTLogInfo(@"%@", param);
}
@end
四. 比较重要的几个类
1.RCTBridge 持有了另一个RCTBatchBridge对象
2.BatchBridge 会通过RCTJavaScriptLoader来加载JSBundle
3.RCTModuleXX 组件都是RCTModuleData,
五 执行流程表
08840AEB-8702-44CF-B99C-44286E2385D7.png
六 执行
所有JS/OC之间的通信，都是通过RCTJSExecutor，都是在RCTJSExecutor内部所在的Thread里面进行
