How to use EFQRCode in SwiftUI

[ApolloZhu]

Currently, there are no examples in, nor native support for SwiftUI

[ApolloZhu]

EFQRCode generates a CGImage on success, so ideally we should be able to make a SwiftUI Image from the result like this:

struct ContentView: View {
    var body: some View {
        if let qrCode = EFQRCode.generate(for: "Hello World") {
            Image(cgImage: qrCode)
                .resizable()
                .aspectRatio(1, contentMode: .fit)
        } else {
            Text("Generation Failed")
        }
    }
}

However, since SwiftUI doesn't support doing that, we need to add the following initializer extension ourselves:

extension Image {
    init(cgImage: CGImage) {
        #if os(macOS)
        self.init(nsImage: NSImage(cgImage: cgImage,
                                   size: NSSize(width: cgImage.width,
                                                height: cgImage.height)))
        #else
        self.init(uiImage: UIImage(cgImage: cgImage))
        #endif
    }
}

Then, you can display the generated QRCode with SwiftUI (on any platform supported by SwiftUI and EFQRCode, such as watchOS):

---

Disclaimer: It might (or may not) be a better idea to use @State and onAppear to cache the generated QRCode?

[AhmadKsb]

Thank you for this!