如何使用 SwiftUI 编写 Cordova 插件

Question

我正在编写一个 QR 码扫描 Cordova iOS 插件。 我想使用这个 swift 包。

现在我正在尝试编辑本教程中的代码

下面是我的代码：

import SwiftUI

@available(iOS 13.0, *)
@objc(ModusEchoSwift) class ModusEchoSwift : CDVPlugin {

  @objc(echo:)
  func echo(command: CDVInvokedUrlCommand) {

    let ui = Button(

      action: {

        let pluginResult = CDVPluginResult(
          status: CDVCommandStatus_OK,
          messageAs: "Successful"
        )

        self.commandDelegate!.send(
          pluginResult,
          callbackId: command.callbackId
        )
      },
      label: {
        Text("Click me")
      }
    );

  }
}

我现在被困在如何显示在 Swift 中创建的界面。

Answer 1

经过一些研究，我发现这是可行的：

import SwiftUI
import UIKit

@available(iOS 13.0, *)
@objc(ModusEchoSwift) class ModusEchoSwift : CDVPlugin {

  var hostingViewController = UIHostingController(rootView: ExampleView())

  @objc(echo:)
  func echo(command: CDVInvokedUrlCommand) {

    lazy var hostingViewController = UIHostingController(rootView: ExampleView(
      callbackId: command.callbackId,
      module: self
    ));

    self.viewController.show(hostingViewController, sender: self);
    self.hostingViewController = hostingViewController;

  }
}


@available(iOS 13.0, *)
struct ExampleView: View {

  var callbackId: String?
  var module: ModusEchoSwift?
        
  var body: some View {

    VStack {

      Spacer()

      Text("Example")

      Button {
        let pluginResult = CDVPluginResult(
          status: CDVCommandStatus_OK,
          messageAs: "Successful"
        );

        module!.commandDelegate!.send(
          pluginResult,
          callbackId: callbackId!
        );

        module!.hostingViewController.dismiss(animated: true, completion: nil);

      } label: {
          Text("Close Me")
            .padding()
      }

      Spacer()

    }
  }
} 

我很确定有更好的方法可以做到这一点，我感谢你们提供更多的答案。