gpt4 book ai didi

Reactnative-iOS回调Javascript的方法

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 28 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Reactnative-iOS回调Javascript的方法由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

Reactnative可以调用原生模块,原生模块也可以给JavaScript发送事件通知.最好的方法是继承RCTEventEmitter.自定义继承自PushEventEmitter的子类RCTEventEmitter. 。

?
1
2
3
4
5
6
7
8
9
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
#import <React/RCTEventEmitter.h>
 
@interface PushEventEmitter : RCTEventEmitter <RCTBridgeModule>
 
- ( void )addEventReminderReceived:(NSNotification *)notification;
 
@end

实现supportedEvents方法 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
#import "PushEventEmitter.h"
 
@implementation PushEventEmitter
 
+ (id)allocWithZone:(NSZone *)zone {
   static PushEventEmitter *sharedInstance = nil;
   static dispatch_once_t onceToken;
   dispatch_once(&onceToken, ^{
     sharedInstance = [super allocWithZone:zone];
   });
   return sharedInstance;
}
 
RCT_EXPORT_MODULE();
 
- (NSArray<NSString *> *)supportedEvents
{
   return @[@ "EventReminder" ];
}
 
- ( void )addEventReminderReceived:(NSNotification *)notification {
   [self sendEventWithName:@ "EventReminder" body:@{@ "name" : @ "FlyElephant" }];
}
 
@end

React native 设置

?
1
2
3
4
5
6
7
8
import {
   NativeModules,
   NativeEventEmitter,
} from 'react-native' ;
 
const PushEventEmitter = NativeModules.PushEventEmitter;
 
const emitterManager = new NativeEventEmitter(PushEventEmitter);

订阅通知和移除通知

?
1
2
3
4
5
6
7
8
9
10
componentDidMount() {
   subscription = emitterManager.addListener(
     'EventReminder' ,
     (reminder) => console. log ( 'JavaScript接收到通知:' +reminder.name)
   );
 
}
componentWillUnmount(){
   subscription. remove (); // 移除通知
}

调用测试

?
1
PushEventEmitter *eventEmitter = [PushEventEmitter allocWithZone:nil];

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.

原文链接:https://www.jianshu.com/p/027885fe88f5 。

最后此篇关于Reactnative-iOS回调Javascript的方法的文章就讲到这里了,如果你想了解更多关于Reactnative-iOS回调Javascript的方法的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com