我创建了以下类(精简版),这是对完整文件的引用 https://github.com/cotyembry/CastRemoteNative/blob/7e74dbc56f037cc61241f6ece24a94d8c52abb32/root/ios/CastRemoteNative/NativeMethods.swift
@objc(NativeMethods)
class NativeMethods: RCTEventEmitter {
@objc(sendEventToJSFromJS)
func sendEventToJSFromJS {
self.emitEvent(eventName: "test", body: "bodyTestString")
}
func emitEvent(eventName: String: body: Any) {
self.sendEvent(withName: eventName, body: body)
}
}
这非常有效,当我调用emitEvent
方法时,我的javascript代码中会调用我的回调侦听器,如下所示,它是一个改进的代码片段来自
https://github.com/cotyembry/CastRemoteNative/blob/7e74dbc56f037cc61241f6ece24a94d8c52abb32/root/js/Components/ChromecastDevicesModal.js
从javascript端
import {
NativeModules,
NativeEventEmitter
} from 'react-native'
//here I bring in the swift class to use inside javascript
var NativeMethods = NativeModules.NativeMethods;
//create an event emitter to use to listen for the native events when they occur
this.eventEmitter = new NativeEventEmitter(NativeMethods);
//listen for the event once it sends
this.subscription = this.eventEmitter.addListener('test', (body) => { console.log('in test event listener callback', body)});
NativeMethods.sendEventToJSFromJS() //call the native method written in swift
我只是在javascript按下按钮时调用了sendEventToJSFromJS
方法
同样,这有效,console.log('in test event listener callback', body)
代码可以在javascript端运行并运行
我的问题,这不起作用:
如果我在定义类后在swift文件中执行以下操作,则无效:
var nativeMethodsInstance = nativeMethods()
nativeMethodsInstance.sendEventToJSFromSwift()
为什么呢?因为抛出以下错误:
Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'bridge is not set. This is probably because you've explicitly synthesized the bridge in NativeMethods, even though it's inherited from RCTEventEmitter.'
那么,在创建instance
NativeMethods时,与之相比......有什么区别?
有关其他信息:
当我在.h和.m文件而不是.swift文件中编写这些相同的代码片段时,Objective-C获得了相同的桥接未设置问题
我找到了在本机代码中打印错误消息的位置,但它只有变量
_bridge
正在检查是否是nil
这个错误的文件来自:
RCTEventEmitter.h
RCTEventEmitter.c
这里是RCTEventEmitter.c的完整片段
- (void)sendEventWithName:(NSString *)eventName body:(id)body
{
RCTAssert(_bridge != nil, @"bridge is not set. This is probably because you've "
"explicitly synthesized the bridge in %@, even though it's inherited "
"from RCTEventEmitter.", [self class]);
if (RCT_DEBUG && ![[self supportedEvents] containsObject:eventName]) {
RCTLogError(@"`%@` is not a supported event type for %@. Supported events are: `%@`",
eventName, [self class], [[self supportedEvents] componentsJoinedByString:@"`, `"]);
}
if (_listenerCount > 0) {
[_bridge enqueueJSCall:@"RCTDeviceEventEmitter"
method:@"emit"
args:body ? @[eventName, body] : @[eventName]
completion:NULL];
} else {
RCTLogWarn(@"Sending `%@` with no listeners registered.", eventName);
}
}
这个_bridge值在哪里被设置以及它是如何设置的,所以我知道,在它失败的情况下如何设置它
我在RCTEventEmitter.h中也发现了以下内容
@property (nonatomic, weak) RCTBridge *bridge;
在给出的错误中,它提到桥接器是在RCTEventEmitter中继承的,所以这可能是weak
属性bridge
部分的问题吗?
或者我是否需要改变策略,以便我一起完成这项工作?
我知道这可能与我没有完全理解
有关@synthesize bridge = _bridge;
部分代码和混合的所有语言都没有多大帮助......
这真的很难,所以任何帮助都会非常感激! 非常感谢你的时间
这是项目历史代码代表上述问题代码的完整项目的链接(因为我已经对项目进行了更改):
https://github.com/cotyembry/CastRemoteNative/tree/7e74dbc56f037cc61241f6ece24a94d8c52abb32
答案 0 :(得分:2)
我想通了
警告:此解决方案使用弃用方法反应原生方法 - 我无法弄清楚如何“正确”继承RCTEventEmitter
并发送事件......每次我尝试_bridge
最终会成为nil
确保Swift桥接到Objective C(如果你使用swift将事件发送到javascript)
不创建导出的Native模块的实例(无论是用Swift还是Objective C编写)
让React Native的底层实现执行此操作,并为每个需要发送事件的类,将特定的Native Class Objective C Implementation代码或Swift代码(Native Module)导出到React-Native。这允许javascript能够收听事件
var publicBridgeHelperInstance = PublicBridgeHelper() //instantiate the the objective c class from inside the .swift file to use later when needing to get a reference to the bridge to send an event to javascript written in react native
@objc(DeviceManager) //export swift module to objective c
class DeviceManager: NSObject {
@objc(deviceDidComeOnline:) //expose the function to objective c
public func deviceDidComeOnline(_ device: GCKDevice) {
//imagine this deviceDidComeOnline function gets called from something from the Native code (totally independent of javascript) - honestly this could be called from a native button click as well just to test it works...
//emit an event to a javascript function that is a in react native Component listening for the event like so:
//1. get a reference to the bridge to send an event through from Native to Javascript in React Native (here is where my custom code comes in to get this to actually work)
let rnBridge = publicBridgeHelperInstance.getBridge() //this gets the bridge that is stored in the AppDelegate.m file that was set from the `rootView.bridge` variable (more on this later)
//(if you want to print the bridge here to make sure it is not `nil` go ahead:
print("rnBridge = \(rnBridge)")
//2. actually send the event through the eventDispatcher
rnBridge?.eventDispatcher().sendAppEvent(withName: "test", body: "testBody data!!!")
}
}
在AppDelegate.h
put中(除了文件中已有的代码)
#import "YourProjectsBridgingHeaderToMakeThisCodeAvailableInSwift.h" //replace this with your actual header you created when creating a swift file (google it if you dont know how to bridge swift to objective c)
@interface PublicBridgeHelper: NSObject
-(RCTBridge*)getBridge;
@end
在AppDelegate.m
put中(除了文件中已有的代码)
#import <React/RCTRootView.h>
RCTBridge *rnBridgeFromRootView;
@implementation PublicBridgeHelper //this is created to SIMPLY return rnBridgeFromRootView defined above over to my Swift class when actually sending the event to javascript that defines a react native Component
-(RCTBridge*)getBridge {
NSLog(@"rnBridgeFromRootView = @%@", rnBridgeFromRootView);
return rnBridgeFromRootView;
}
重要 - 还要确保将以下代码行添加到Objective C .h的桥接标头中,以使此PublicBridgeHelper
定义可用于.swift代码
#import "AppDelegate.h"
现在向您展示如何设置AppDelegate.m中使用的rnBridgeFromRootView变量(在将事件发送到javascript之前返回并在.swift代码中使用)
打开AppDelegate.m
并在
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { ... }
在实例化rootView
变量
即。在可能看起来像
的行之后RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation moduleName:@"YourProjecNameProbably" initialProperties:nil launchOptions:launchOptions];
添加:
rnBridgeFromRootView = rootView.bridge //set the bridge to be exposed and returned later and used by the swift class
现在解释.swift文件中的publicBridgeHelperInstance.getBridge()
部分
publicBridgeHelper
是一个目标c类的实例,它允许swift类能够获得对native本机桥的引用
如果您在阅读本文后仍然无法理解我的回答,我会在其上制作视频,您可以在此处观看: