Question

嗨其他软件爱好者，

我目前正在研究一个React本机项目，我需要添加一些用swift编写的逻辑。我可以通过桥接到Objective C然后转到Swift来触发一个基本的swift函数。

当我尝试使用promises做某事时会出现问题。我描述的这个页面清楚地表明了Promise的Objective C部分以及Swift的桥接，但对于swift的承诺却并非如此：https://facebook.github.io/react-native/docs/native-modules-ios.html

这就是我所拥有的：

项目-桥接-Header.h

#import <React/RCTBridgeModule.h>

MyLoginBridge.m

#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>

@interface RCT_EXTERN_REMAP_MODULE(MyCustomLoginJSName, MyLoginModule, NSObject)

RCT_EXTERN_REMAP_METHOD(loginWithEmail,
                    resolver:(RCTPromiseResolveBlock)resolve
                    rejecter:(RCTPromiseRejectBlock)reject)

RCT_EXTERN_METHOD(testMethod)

@end

MyLoginModule.swift

import Foundation

@objc(TripleASDKModule)
class TripleASDKModule: NSObject {

  @objc
  func loginWithEmail(resolver resolve: RCTPromiseResolveBlock,  rejecter reject: RCTPromiseRejectBlock) -> Void {
    resolve("This method is troublesome")
  }

  @objc func testMethod() -> Void {
    print("This Does appear")
  }
}

当我触发testMethod时，打印显示在Xcode中，以便执行快速代码。但是当我调用loginWithEmail方法时，我得到臭名昭着的红色React Native错误屏幕说：

Exception 'resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject is not a recognized Objective-C method.' was thrown while invoking loginWithEmail on target MyCustomLoginJSName with params (
    30,
    31
)

为了完整起见，Javascript方面：

const loginWithEmail = () => NativeModules.TripleA.loginWithEmail()
    .then(result => console.log(result));

我尝试了RCT_EXTERN_REMAP_METHOD的几乎所有变体以及我能找到的类似内容，无论是否重新映射重复名称等等。因此，如果这个问题听起来很熟悉，或者您可以指导我朝着正确的方向前进，那么请提供任何帮助。

Answer 1

取自Got "is not a recognized Objective-C method" when bridging Swift to React-Native的答案;它不起作用的事实是因为第一个参数标签的不同。

为了使它与你的初始代码一起工作，你应该把你的Swift的第一个参数写成没有名字，如：

@objc
func loginWithEmail(_ resolve: RCTPromiseResolveBlock, rejecter reject: RCTPromiseRejectBlock) -> Void {
    //   the trick  ^
    resolve("This method is no longer troublesome")
}

Answer 2

添加以便显示完整的解决方案

.m - 请注意，resolve参数不是“named”

RCT_EXTERN_METHOD(loginWithEmail: (RCTPromiseResolveBlock)resolve
                                  rejecter:(RCTPromiseRejectBlock)reject)

.swift - 与@Koen相同

@objc func loginWithEmail(_ resolve: @escaping RCTPromiseResolveBlock,
                            rejecter reject: @escaping RCTPromiseRejectBlock ) -> Void {}

Answer 3

我最终想出了一个解决方案。它并不完全像我认为的React本地人的意图，但它的确有效。所以我可以继续，也许其他人与我的解决方案在正确的轨道上。虽然，请按照预期的方式发布。

所以我决定先从Objective-C方式开始。所以我为我的模块创建了一个.h文件。

<强> MyLoginBridge.h

#import <React/RCTBridgeModule.h>

@interface MyLoginBridge : NSObject <RCTBridgeModule>
@end

然后改变.m文件

#import "MyLoginBridge.h"
#import "MyProject-Swift.h" // Include the swift header manually

@implementation MyLoginBridge

RCT_EXPORT_MODULE(MyCustomLoginJSName);

RCT_EXPORT_METHOD(loginWithEmail:(RCTPromiseResolveBlock)resolve   rejecter:(RCTPromiseRejectBlock)reject)
{
    // Manually init the module and call swift function
    MyLoginModule* module = [[MyLoginModule alloc] init];
    [module loginWithEmailWithResolver:resolve rejecter:reject];
}

@end

swift文件和桥接头保持不变。这很有效。

如何将React Native Promise与Swift联系起来

3 个答案: