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

ste*_*tel 16 objective-c swift react-native

嗨其他软件enthousiasts,

我目前正在研究一个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>
Run Code Online (Sandbox Code Playgroud)

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
Run Code Online (Sandbox Code Playgroud)

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")
  }
}
Run Code Online (Sandbox Code Playgroud)

当我触发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
)
Run Code Online (Sandbox Code Playgroud)

为了完整起见,Javascript方面:

const loginWithEmail = () => NativeModules.TripleA.loginWithEmail()
    .then(result => console.log(result));
Run Code Online (Sandbox Code Playgroud)

我尝试了几乎所有RCT_EXTERN_REMAP_METHOD可以找到的变体等,无论有没有重复重复名称等等.所以,如果这个问题听起来很熟悉,或者你可以指导我正确的方向,请这样做,任何帮助表示赞赏.

Koe*_*en. 17

当将Swift与React-Native连接起来时,取自Got的答案"不是公认的Objective-C方法" ; 它不起作用的事实是因为第一个参数标签的不同.

为了使它适用于您的初始代码,您应该将Swift的第一个参数写为没有名称,如下所示:

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

  • 我不是在谈论 react native bridge,而是在谈论 `ProjectName-Bridging-Header.h` 文件。 (3认同)
  • 当我这样做时,我收到“错误:使用未声明的类型 RCTPromiseResolveBlock”和“错误:使用未声明的类型“RCTPromiseRejectBlock”” - 有什么想法吗? (2认同)

小智 9

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

.m - 请注意,resolve参数不是"命名"

RCT_EXTERN_METHOD(loginWithEmail: (RCTPromiseResolveBlock)resolve
                                  rejecter:(RCTPromiseRejectBlock)reject)
Run Code Online (Sandbox Code Playgroud)

.swift - 和@Koen一样

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