iOS.ReactNative-3-about-viewmanager-uimanager-and-bridgemodule
RCTViewManager and RCTUIManager
1. RCTViewManager
1.1 RCTViewManager 实现了接口RCTBridgeModule
@interface RCTViewManager : NSObject <RCTBridgeModule>
1.2 宏RCT_EXPORT_VIEW_PROPERTY
from file RCTViewManager.m
RCT_EXPORT_VIEW_PROPERTY(accessibilityLabel, NSString)
以上宏展开为:
// RCT_EXPORT_VIEW_PROPERTY(accessibilityLabel, NSString)
+ (NSString *)getPropConfigView_accessibilityLabel { return @"NSString"; }
- (void)set_accessibilityLabel:(id)json forView:(UIView *)view withDefaultView:(UIView *)defaultView
{ if ((json && !RCTSetProperty(view, @"accessibilityLabel", @selector(NSString:), json))
|| (!json && !RCTCopyProperty(view, defaultView, @"accessibilityLabel")))
{
do {
if (RCTLogLevelError >= RCTLogLevelMustFix) {
do {
BOOL pass = ((__objc_no) != );
if ( && !pass){
[[NSAssertionHandler currentHandler] handleFailureInFunction:@(__func__)
file:@("/Users/XiaoKL/react-native/AwesomeProject/node_modules/react-native/React/Views/RCTViewManager.m")
lineNumber:
description:@"%@ does not have setter for `%s` property", [view class], "accessibilityLabel"];
}
_RCTAssertFormat(pass, "/Users/XiaoKL/react-native/AwesomeProject/node_modules/react-native/React/Views/RCTViewManager.m",
, __func__,
@"%@ does not have setter for `%s` property",
[view class], "accessibilityLabel");
} while ();
}
_RCTLogFormat(RCTLogLevelError, "/Users/XiaoKL/react-native/AwesomeProject/node_modules/react-native/React/Views/RCTViewManager.m", , @"%@ does not have setter for `%s` property",
[view class], "accessibilityLabel");
} while ();
}
}
3. RCTBridgeModule接口
/**
* Provides the interface needed to register a bridge module.
*/
@protocol RCTBridgeModule <NSObject>
RCTBridgeModule: 定义注册一个“bridge module”所需要的接口。
bridge module: 实现接口RCTBridgeModule的类被称为“bridge module”, 这些模块可以被注册到 RCTBridge 中。
3.1 RCTBridgeModule.h中提供的宏定义
宏 | 宏定义以及描述 |
RCT_EXPORT_MODULE(js_name) |
#define RCT_EXPORT_MODULE(js_name) \ RCT_EXTERN void RCTRegisterModule(Class); \ + (NSString *)moduleName { return @#js_name; } \ + (void)load { RCTRegisterModule([self class]); } |
RCT_EXPORT_METHOD(method) |
#define RCT_EXPORT_METHOD(method) \ RCT_REMAP_METHOD(, method) |
RCT_REMAP_METHOD(js_name, method) |
#define RCT_REMAP_METHOD(js_name, method) \ RCT_EXTERN_REMAP_METHOD(js_name, method) \ - (void)method |
RCT_EXTERN_MODULE(objc_name, objc_supername) |
#define RCT_EXTERN_MODULE(objc_name, objc_supername) \ RCT_EXTERN_REMAP_MODULE(, objc_name, objc_supername) |
RCT_EXTERN_REMAP_MODULE(js_name, objc_name, objc_supername) |
#define RCT_EXTERN_REMAP_MODULE(js_name, objc_name, objc_supername) \ objc_name : objc_supername \ @end \ @interface objc_name (RCTExternModule) <RCTBridgeModule> \ @end \ @implementation objc_name (RCTExternModule) \ RCT_EXPORT_MODULE(js_name) |
RCT_EXTERN_METHOD(method) |
#define RCT_EXTERN_METHOD(method) \ RCT_EXTERN_REMAP_METHOD(, method) |
RCT_EXTERN_REMAP_METHOD(js_name, method) |
#define RCT_EXTERN_REMAP_METHOD(js_name, method) \ + (NSArray *)RCT_CONCAT(__rct_export__, RCT_CONCAT(js_name, RCT_CONCAT(__LINE__, __COUNTER__))) { \ return @[@#js_name, @#method]; \ } \ |
A): RCT_EXPORT_MODULE(js_name): 将BridgeModule注册到bridge中。该宏依赖函数:
RCTRegisterModule(), 下面看一下该函数的实现: (RCTBridge.m)
void RCTRegisterModule(Class moduleClass)
{
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{
RCTModuleClasses = [[NSMutableArray alloc] init];
}); RCTAssert([moduleClass conformsToProtocol:@protocol(RCTBridgeModule)], // 1
@"%@ does not conform to the RCTBridgeModule protocol",
NSStringFromClass(moduleClass)); // Register module
[RCTModuleClasses addObject:moduleClass];
}
RCTRegisterModule()仅仅是将Class对象添加到了一个数组类型的静态变量RCTModuleClasses中.
1: “bridge module” 必须实现接口 RCTBridgeModule 。
RCT_EXPORT_MODULE(js_name)
"The optional js_name argument will be used as the JS module name. If omitted, the JS module name will
match the Objective-C class name. "
B): RCT_EXPORT_METHOD(method) 宏
Wrap the parameter line of your method implementation with this macro to
expose it to JS.
用宏 RCT_EXPORT_METHOD() 来处理要导出到JS中的接口:
RCT_EXPORT_METHOD(createTimer:(NSNumber *)callbackID
duration:(NSTimeInterval)jsDuration
jsSchedulingTime:(NSDate *)jsSchedulingTime
repeats:(BOOL)repeats)
以上宏 RCT_EXPORT_METHOD()展开为:
+ (NSArray *)__rct_export__1720 { return @[@"", @"createTimer:(NSNumber *)callbackID duration:(NSTimeInterval)jsDuration jsSchedulingTime:(NSDate *)jsSchedulingTime repeats:(BOOL)repeats"]; }
- (void)createTimer:(NSNumber *)callbackID duration:(NSTimeInterval)jsDuration jsSchedulingTime:(NSDate *)jsSchedulingTime repeats:(BOOL)repeats
导入到JS的接口为: "NativeModules.ModuleName.createTimer(number)", 只有Selector第一个:以前的部分。
TODO: JavaScript Promise Javascript.Promise
C): RCT_REMAP_METHOD(js_name, method) 宏
该宏和RCT_EXPORT_METHOD(method)类似, 只不过通过该宏可以指定导入到JS的接口名称。
D): 宏 RCT_EXTERN_MODULE 和 RCT_EXTERN_REMAP_MODULE
RCT_EXTERN_MODULE(objc_name, objc_supername)
RCT_EXTERN_REMAP_MODULE(js_name, objc_name, objc_supername)
"Use this macro in a private Objective-C implementation file to automatically register an
external module with the bridge when it loads." 'private Object-C implementation'是指Objective-C中的类别(category)。
/* MyModuleExport.m:
*
* #import "RCTBridgeModule.h"
*
* @interface RCT_EXTERN_MODULE(MyModule, NSObject)
*
* RCT_EXTERN_METHOD(doSomething:(NSString *)string withFoo:(NSInteger)a bar:(NSInteger)b)
*
* @end
*
* This will now expose MyModule and the method to JavaScript via
* `NativeModules.MyModule.doSomething`
*/
#define RCT_EXTERN_MODULE(objc_name, objc_supername) \
RCT_EXTERN_REMAP_MODULE(, objc_name, objc_supername) /**
* Like RCT_EXTERN_MODULE, but allows setting a custom JavaScript name.
*/
#define RCT_EXTERN_REMAP_MODULE(js_name, objc_name, objc_supername) \
objc_name : objc_supername \
@end \
@interface objc_name (RCTExternModule) <RCTBridgeModule> \
@end \
@implementation objc_name (RCTExternModule) \
RCT_EXPORT_MODULE(js_name)
E: 宏RCT_EXTERN_METHOD 和 RCT_EXTERN_REMAP_METHOD
略
3.2 RCTBridgeModule的接口方法
RCTBridgeModule提供的接口用来注册"Bridge Module" 模块。
3.3 实现RCTBridgeModule接口的类
实现接口RCTBridgeModule的类都是 "Bridge Module" 模块类,这些类的实例称为"Bridge Module"。
3.4 "Bridge Module" 初始化
RCTBatchedBridge类的方法initModules 对Native "Bridge Module" 进行了初始化。
Reference
1. React-Native Source Code
最新文章
- e_msg_c_as_login_req 和 e_msg_c_as_login_if_no_register_req
- C# 生成XML空元素/空节点自动换行解决方案
- delphi 注册 dcc70.dll
- Use ALTER DATABASE to Move Databases
- javascript第七课js函数
- SpringMVC(四):@RequestMapping结合org.springframework.web.filter.HiddenHttpMethodFilter实现REST请求
- 软件测试之BUG分析定位概述(QA如何分析定位BUG)
- Vue.js05:vue内联样式
- 最大熵与最大似然,以及KL距离。
- 海思编解码芯片添加64M nor flash
- T-SQL :TOP和OFFSET-FETCH筛选 (五)
- json_encode 处理后的数据是null
- postgresql-查看各个数据库大小
- 读书笔记(05) - 事件 - JavaScript高级程序设计
- GoldenGate 12c + Oracle 12c Multitenant Container databases
- Mac巧用AirDrop实现大文件传输
- Androidの矢量图形之VectorDrawable研究
- 问题-DelphiXE10.2怎么安装文本转语音(TTS)语音转文本(SR)控件(XE10.2+WIN764)
- 运行.xcworkspace项目后报错:&#39;React/RCTBundleURLProvider.h’ file not found
- 01-Python简介
热门文章
- leetcode 217
- 获取系统进程信息和进程依赖的dll信息
- 引入math模块中的log()方法,导致";TypeError: return arrays must be of ArrayType";,什么原因?
- iOS 数据序列化,NSCoding, NSCoder
- 使用UltraISO制作U盘启动盘——转载
- 线性代数和numpy——黑板客老师课程学习
- 实现浏览器打开图片的url默认是下载
- 集合的概念 Stack和Queue Dictionary ArrayList和List<;T>;方法及用法
- [原创.数据可视化系列之五]韩国";萨德";系统防御图
- Halcon学习之tuple