如何将 React Native Promise 连接到 Swift

Posted 2023-03-14

【中文标题】如何将 React Native Promise 连接到 Swift

【英文标题】：How to bridge React Native Promise to Swift

【发布时间】：2017-03-03 11:19:17

【问题描述】：

各位软件爱好者，

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

当我尝试使用 Promise 做某事时，就会出现问题。我描述这一点的页面在 Promises 的 Objective C 部分以及桥接到 Swift 上都很清楚，但对于 swift 的承诺则不然：https://facebook.github.io/react-native/docs/native-modules-ios.html

这就是我所拥有的：

Project-Bridging-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 中，以便执行 swift 代码。但是当我调用 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 的变体以及我能找到的类似的东西，无论有没有重新映射重复名称等。 因此，如果这个问题听起来很熟悉，或者您可以引导我朝着正确的方向前进，请这样做，我们将不胜感激。

【参考方案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")

【讨论】：

当我这样做时，我得到error: use of undeclared type RCTPromiseResolveBlock' 和error: use of undeclared type 'RCTPromiseRejectBlock' - 有什么想法吗？

是否在桥接头中导入桥接模块？例如。 #import <React/RCTBridgeModule.h>

也有这个问题，我已经在网桥中导入了:(

我说的不是 react native 桥，而是ProjectName-Bridging-Header.h 文件。

原来 Xcode 中的桥接头设置不正确...感谢您的帮助！

【参考方案2】：

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

.m - 注意 resolve 参数不是“命名的”

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

.swift - 与@Koen 相同

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

【讨论】：

感谢添加 mate - 获得与 Swift 签名匹配的外部定义很重要

【参考方案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 文件和桥接头保持不变。这行得通。