SwiftUI MacOS QuickLook preview of files

Question

I am trying to display a preview of files (like PDF, Pages, Microsoft Docs) in my SwiftUI application for MacOS.

I found Apple's QuickLook framework, which looks perfect for that use. Can I use it in SwiftUI? If I look up the documentation at Apple, I find the QLPreviewController which is a UIViewController.

My approach would, to wrap that UIViewController into a SwiftUI view.. is that the best way? Has anyone tried to do that already?

Summary: how can I display file previews in my SwiftUI MacOS app?

score 0 · Accepted Answer · answered Mar 25 '20 at 12:34

0

So, I figured it out finally.

I was able to use the QLPreviewView, which generates a preview view for me. I wrapped it inside a NSViewRepresentable and it worked :)

answered Mar 25 '20 at 12:34

davidev

7,694
5
21
56

Can you provide the code for your solution? @davidev – Heyman Dec 12 '21 at 17:32
@Heyman https://stackoverflow.com/a/70369611/4423545 – Andrew_STOP_RU_WAR_IN_UA Dec 15 '21 at 20:17
@Andrew it doesn't work on Mac Catalyst. I get the error: `Cannot find type 'NSViewRepresentable' in scope` – Heyman Dec 15 '21 at 21:39
@Heyman `import SwiftUI import AppKit import Quartz` . And dont forget to upwote answers that helped you :) – Andrew_STOP_RU_WAR_IN_UA Dec 15 '21 at 21:41
@Andrew i am not able to use Quartz. I get this error on import: `Could not build Objective-C module 'Quartz'` – Heyman Dec 15 '21 at 21:50
hm... you're right, quartz is absent for catalyst -- https://developer.apple.com/documentation/quartz – Andrew_STOP_RU_WAR_IN_UA Dec 15 '21 at 22:01
@Andrew I even tried using quickLookPreview view modifier but i get error on the catalyst for an old project. https://stackoverflow.com/questions/70341461/how-to-use-quicklookpreview-modifier-in-swiftui?noredirect=1#comment124345424_70341461 I don't know what option is left now – Heyman Dec 15 '21 at 22:18
@Heyman try something similar to https://developer.apple.com/forums/thread/658258 looks like preview works in different base on Catalyst/IOS and macos versions. Also maybe this will be useful https://www.raywenderlich.com/19636179-custom-thumbnails-and-previews-with-quick-look-on-ios – Andrew_STOP_RU_WAR_IN_UA Dec 15 '21 at 22:49
@Heyman try this https://iosexample.com/quicklook-preview-for-swiftui-on-mac-catalyst/ – Andrew_STOP_RU_WAR_IN_UA Dec 28 '21 at 02:16

score 0 · Answer 2 · answered Jun 04 '23 at 10:22

This may be what you are looking for

https://danielsaidi.com/blog/2022/06/27/using-quicklook-with-swiftui

import SwiftUI
import QuickLook

struct ContentView: View {

    @State
    var url: URL?

    var body: some View {
        Button("Preview") {
            url = Bundle.main.url(forResource: "meadow", withExtension: "jpg")
        }.quickLookPreview($url)
    }
}

SwiftUI MacOS QuickLook preview of files

2 Answers2

https://danielsaidi.com/blog/2022/06/27/using-quicklook-with-swiftui