javascript - Zendesk 支持 SDK 的 RCT_EXPORT_METHOD

Question

我正在尝试桥接 Zendesk 支持 SDK 以在我的 React Native 应用程序中进行渲染。

这是我通常在 Objective-C 中执行的操作:

#import "ViewController.h"
#import <ZendeskSDK/ZendeskSDK.h>

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}
- (IBAction)ButtonPress:(id)sender {
    [ZDKHelpCenter presentHelpCenterWithViewController:self];

}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end

如何使用 RCT_EXPORT_METHOD 进行桥接？

此刻我得到了这样的东西:

#import "zendeskSupportView.h"
#import <ZendeskSDK/ZendeskSDK.h>
#import <React/RCTBridge.h>
#import <React/RCTEventDispatcher.h>
#import <React/UIView+React.h>

@implementation zendeskSupportView

RCT_EXPORT_MODULE()

RCT_EXPORT_METHOD(findEvents:(RCTResponseSenderBlock)callback)
{
  UIViewController *rootController = [UIApplication sharedApplication].delegate.window.rootViewController;
  rootController = [rootController topMostController];
  [ZDKHelpCenter presentHelpCenterWithViewController:rootController];

}



@end

Answer 1

要设置 native 模块，您可以引用 React Native module documentation 或查看我之前在项目中创建的 gist of a small module，它会打开 IOS 设置应用程序。

在 RCT_EXPORT_METHOD 宏代码中，您需要调用 [ZDKHelpCenter PresentHelpCenterWithViewController:self]; 。由于此函数中没有直接可用的 Controller 实例，因此您可以执行以下操作:

UIViewController *rootController = [UIApplication sharedApplication].delegate.window.rootViewController;
rootController = [rootController topMostController];
[ZDKHelpCenter presentHelpCenterWithViewController:rootController];

以上代码，将 ios Controller 堆栈中最顶层的 Controller 传递给 ZendDeskHelpCenter。