在React Native开发中，iOS与JavaScript之间的通信是一个关键特性，使得开发者可以充分利用原生平台的能力同时保持JavaScript的灵活性。本文将详细阐述如何在React Native iOS应用中实现从原生代码回调到JavaScript的方法。
我们需要创建一个原生模块，这个模块能够发送事件到JavaScript。在Objective-C中，我们可以继承`RCTEventEmitter`来实现这个功能。`RCTEventEmitter`是React Native提供的一个基类，用于创建可以向JavaScript发送事件的模块。
```objc
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTEventEmitter.h>
@interface PushEventEmitter : RCTEventEmitter <RCTBridgeModule>
- (void)addEventReminderReceived:(NSNotification *)notification;
@end
```
在这个例子中，我们创建了一个名为`PushEventEmitter`的类，它继承自`RCTEventEmitter`。为了发送事件，我们需要实现`supportedEvents`方法，这个方法返回一个数组，包含所有该模块支持的事件名称。
```objc
@implementation PushEventEmitter
+ (id)allocWithZone:(NSZone *)zone {
// 单例实现略
}
RCT_EXPORT_MODULE();
- (NSArray<NSString *> *)supportedEvents {
return @[@"EventReminder"];
}
- (void)addEventReminderReceived:(NSNotification *)notification {
[self sendEventWithName:@"EventReminder" body:@{@"name": @"FlyElephant"}];
}
@end
```
在`addEventReminderReceived:`方法中，当接收到特定的通知时，我们将发送一个名为`EventReminder`的事件，携带自定义的事件体。
在JavaScript端，我们需要导入`NativeModules`和`NativeEventEmitter`，以便访问原生模块和监听原生事件。
```javascript
import { NativeModules, NativeEventEmitter } from 'react-native';
```
接着，我们可以创建一个`NativeEventEmitter`实例，并指定我们要监听的模块：
```javascript
const PushEventEmitter = NativeModules.PushEventEmitter;
const emitterManager = new NativeEventEmitter(PushEventEmitter);
```
现在，我们可以订阅`EventReminder`事件，并在事件触发时执行相应的处理函数：
```javascript
componentDidMount() {
subscription = emitterManager.addListener(
'EventReminder',
(reminder) => console.log('JavaScript接收到通知:', reminder.name)
);
}
componentWillUnmount() {
subscription.remove(); // 移除通知
}
```
当组件卸载时，记得取消订阅以避免内存泄漏。
通过这种方式，我们可以实现React Native iOS应用中的原生模块向JavaScript发送事件，从而实现在原生代码执行操作后回调JavaScript。这种方法对于需要在原生代码中处理特定逻辑并更新JavaScript层的状态特别有用，例如处理推送通知、设备事件或其他需要原生功能的场景。记得在使用原生模块时确保正确地导入和初始化，以确保通信的顺利进行。
