RN与原生交互

最新推荐文章于 2024-05-06 16:25:58 发布

FreeBSFree

最新推荐文章于 2024-05-06 16:25:58 发布

阅读量722

点赞数

分类专栏： Rect-Native

本文链接：https://blog.csdn.net/qq_17190231/article/details/89206177

版权

本文详细介绍了如何在React Native (RN) 中与Objective-C (OC) 进行交互，包括RN调用OC的步骤，如遵守RCTBridgeModule协议，设置RN调用OC的方法，以及OC调用RN的方法，通过发送通知实现通信。内容覆盖了从RN端的事件触发到OC端的响应，以及OC端如何回调RN，确保双方能够顺利交互。

摘要由CSDN通过智能技术生成

RN与OC交互（iOS）

RN调用OC部分

第一步：xcode编写接收跳转代码

遵守RCTBridgeModule协议

#import <UIKit/UIKit.h>
#import <React/RCTBridgeModule.h>
@interface ViewControllerOne : UIViewController<RCTBridgeModule>

@end

导出该类模块

@implementation ViewControllerOne
RCT_EXPORT_MODULE();

导出该跳转方法

@implementation ViewControllerOne

RCT_EXPORT_METHOD(openCamera:(NSString *)cameraDirection callbackEvent:(RCTResponseSenderBlock)callbackEvent){
    dispatch_async(dispatch_get_main_queue(), ^{
        //打印JS传过来的参数
        NSLog(@"cameraDirection: %@",cameraDirection);
        //回调给JS参数
        callbackEvent(@[[NSNull null], @{@"result":@1}]);
        
        //推出来原生新界面
        AppDelegate *appDelegate = (