我们可以通过使用RCT_EXPORT_VIEW_PROPERTY
导出本机属性来控制自定义本机UI组件的属性.
但是如何导出本机UI组件的实例方法呢?
我们可以通过使用RCT_EXPORT_VIEW_PROPERTY
导出本机属性来控制自定义本机UI组件的属性.
但是如何导出本机UI组件的实例方法呢?
多亏了@alinz的suggestion.
这可以在自定义本机组件的视图管理器中完成.
关键是传入reactTag
,这是对本机组件的引用.
MyCoolViewManager.m
:
RCT_EXPORT_METHOD(myCoolMethod:(NSNumber *)reactTag callback:(RCTResponseSenderBlock)callback) {
[self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, RCTSparseArray *viewRegistry) {
MyCoolView *view = viewRegistry[reactTag];
if (![view isKindOfClass:[MyCoolView class]]) {
RCTLogMustFix(@"Invalid view returned from registry, expecting MyCoolView, got: %@", view);
}
// Call your native component's method here
[view myCoolMethod];
}];
}
MyCoolView.js
:
var React = require('react-native');
var NativeModules = require('NativeModules');
var MyCoolViewManager = NativeModules.MyCoolViewManager;
var findNodeHandle = require('findNodeHandle');
class MyCoolView extends React.Component{
// ...
myCoolMethod() {
return new Promise((resolve, reject) => {
MyCoolViewManager.myCoolMethod(
findNodeHandle(this),
(error, result) => {
if (error) {
reject(error);
} else {
resolve(result);
}
}
);
});
}
}