LinkPresentation 视图未在 SwiftUI 中完全加载

Question

我正在使用从一篇很棒的文章 here 中找到的代码，该文章演示了如何在 SwiftUI 中使用 LinkPresentation 框架。

但是我遇到了一个我无法找到解决方案的小问题 - 链接预览会加载其元数据，但一旦完全加载就不会刷新视图，除非我执行了强制刷新视图的操作，例如旋转电话。

它们的加载量与此一样多：

然后旋转后是这样的：

我希望在加载元数据后完全刷新视图。我觉得我可能需要在某个地方添加一些绑定，但我不知道在哪里。任何人都可以提供帮助吗？

这是 UIViewRepresentable

import SwiftUI
import LinkPresentation

struct URLPreview : UIViewRepresentable {
    var previewURL:URL

    func makeUIView(context: Context) -> LPLinkView {
        LPLinkView(url: previewURL)
    }

    func updateUIView(_ view: LPLinkView, context: Context) {
        // New instance for each update

        let provider = LPMetadataProvider()

        provider.startFetchingMetadata(for: previewURL) { (metadata, error) in
            if let md = metadata {
                DispatchQueue.main.async {
                    view.metadata = md
                    view.sizeToFit()

                }
            }
        }
    }
}

这就是它的名称：

struct Content: View {
    var body: some View {
        URLPreview(previewURL: URL(string: "www.apple.com")!)
    }
}

Answer 1

触发重绘是您所需要的。不喜欢这个，但你可以尝试绑定一个状态 CGSize 并将框架设置为宽度/高度。

struct URLPreview : UIViewRepresentable {
    var previewURL:URL
    //Add binding
    @Binding var metaSize: CGSize

    func makeUIView(context: Context) -> LPLinkView {
        LPLinkView(url: previewURL)
    }

    func updateUIView(_ view: LPLinkView, context: Context) {
        // New instance for each update

        let provider = LPMetadataProvider()

        provider.startFetchingMetadata(for: previewURL) { (metadata, error) in
            if let md = metadata {
                DispatchQueue.main.async {
                    view.metadata = md
                    view.sizeToFit()
                    //Set binding after resize
                    self.metaSize = view.frame.size
                }
            }
        }
    }
}

struct ContentView: View {
    //can default original state
    @State var metaSize: CGSize = CGSize()
    
    var body: some View {
        URLPreview(previewURL: URL(string: "www.apple.com")!, metaSize: $metaSize)
            .frame(width: metaSize.width, height: metaSize.height)
    }
}

更新

NSPratik 是对的，该解决方案对于列表来说并不是真正可行的。所以修改后的解决方案其实就是用一个简单的 Bool State 来切换列表生成的 Views：

struct ContentView: View {
    //can default original state
    @State var togglePreview = false
    let urls: [String] = ["https://medium.com","https://apple.com","https://yahoo.com","https://stackoverflow.com"]
    
    var body: some View {
        List(urls, id: \.self) { url in
            URLPreview(previewURL: URL(string: url)!, togglePreview: self.$togglePreview)
                .aspectRatio(contentMode: .fit)
                .padding()
        }
    }
}

struct URLPreview : UIViewRepresentable {
    var previewURL:URL
    //Add binding
    @Binding var togglePreview: Bool

    func makeUIView(context: Context) -> LPLinkView {
        let view = LPLinkView(url: previewURL)
        
        let provider = LPMetadataProvider()

        provider.startFetchingMetadata(for: previewURL) { (metadata, error) in
            if let md = metadata {
                DispatchQueue.main.async {
                    view.metadata = md
                    view.sizeToFit()
                    self.togglePreview.toggle()
                }
            }
        }
        
        return view
    }
    
    func updateUIView(_ uiView: LPLinkView, context: UIViewRepresentableContext<URLPreview>) {
    }
}

我们只需使用togglePreview 作为触发器，将其传递给 UIView 中的 Binding var，然后设置我们的 List。即使这触发了 List 中的所有 View，也不会有任何动画来反映完全加载的 LinkView 的大小调整。

Answer 2

在List 中使用LPLinkViews 会导致大量内存泄漏。最好的办法是使用嵌入在 ScrollView 中的 VStack。

ScrollView {
    VStack {
        ForEach(links, id: \.self) { link in
            if let url = URL(string: link) {
                LinkRow(url: url)
            }
        }
    }
    .padding()
}

这将使LPLinkViews 在加载时自行调整大小。

我已经在一个应用程序中完成了这项工作，与使用 List 相比，它有了显着的改进。然而有一点需要注意的是，如果用户在预览仍在加载的同时很快在屏幕上显示上下滚动，则可能会导致随机崩溃。不幸的是，我还没有找到解决方案。我认为所有这些崩溃的发生都是因为LPMetadataProvider 要求您在主线程上被调用，显然这不能很好地平滑滚动。