Swift中LPLinkPreview因intrinsicContentSize被强制拉伸至最大帧的解决方法

问题根源 #

你当前的问题出在两个核心点：

• 重写intrinsicContentSize时返回frame.size，会让SwiftUI错误认为视图的固有尺寸就是父容器给出的最大尺寸，导致小尺寸预览被强制拉伸变形。
• LPLinkView异步加载metadata后，没有通知SwiftUI重新计算布局，导致固有尺寸无法更新。

解决方案 #

调整CustomLinkView的固有尺寸逻辑，在metadata加载完成后触发布局刷新，同时优化SwiftUI层的布局约束：

1. 修复固有尺寸计算逻辑
   基于LPLinkView的原始固有尺寸（即根据metadata生成的预览大小），添加最大尺寸限制：小尺寸预览保持原大小，大尺寸按比例缩至300×400。

2. 触发布局刷新
   设置metadata后调用invalidateIntrinsicContentSize()，通知SwiftUI重新计算视图尺寸。

3. 简化SwiftUI布局
   移除.aspectRatio(contentMode: .fit)，因为固有尺寸逻辑已经处理了缩放，配合.frame(maxWidth: 300, maxHeight: 400)即可实现需求。

修改后的完整代码 #

import SwiftUI
import LinkPresentation

struct SwiftUIView: View {
    @State var text = "https://stackoverflow.com/questions/77101513/resize-swift-ui-real-link-to-fit-frame/77102190?noredirect=1#comment135923413_77102190"
    var body: some View {
        if let url = checkForFirstUrl(text: text){
            LinkPreviewView(url: url)
                .frame(maxWidth: 300, maxHeight: 400)
        }
    }
}

struct LinkPreviewView: UIViewRepresentable {
    let url: URL
    
    func makeUIView(context: Context) -> CustomLinkView {
        CustomLinkView()
    }

    func updateUIView(_ uiView: CustomLinkView, context: Context) {
        let provider = LPMetadataProvider()
        provider.startFetchingMetadata(for: url) { metaData, error in
            guard let data = metaData, error == nil else { return }
            DispatchQueue.main.async {
                uiView.metadata = data
                // 通知SwiftUI重新计算尺寸
                uiView.invalidateIntrinsicContentSize()
            }
        }
    }
}

class CustomLinkView: LPLinkView {
    // 统一管理最大预览尺寸
    private let maxPreviewSize = CGSize(width: 300, height: 400)
    
    override var intrinsicContentSize: CGSize {
        let originalSize = super.intrinsicContentSize
        // 判断是否需要缩放
        guard originalSize.width > maxPreviewSize.width || originalSize.height > maxPreviewSize.height else {
            return originalSize
        }
        // 计算最小缩放比例，保证预览完整显示
        let widthRatio = maxPreviewSize.width / originalSize.width
        let heightRatio = maxPreviewSize.height / originalSize.height
        let scaleRatio = min(widthRatio, heightRatio)
        
        return CGSize(
            width: originalSize.width * scaleRatio,
            height: originalSize.height * scaleRatio
        )
    }
}

func checkForFirstUrl(text: String) -> URL? {
    let types: NSTextCheckingResult.CheckingType = .link
    do {
        let detector = try NSDataDetector(types: types.rawValue)
        let matches = detector.matches(in: text, options: .reportCompletion, range: NSMakeRange(0, text.count))
        return matches.first?.url
    } catch {
        print("URL检测失败：\(error)")
    }
    return nil
}

关键修改说明 #

• CustomLinkView新增maxPreviewSize常量，统一管理最大尺寸，避免硬编码。
• intrinsicContentSize逻辑：先获取LPLinkView的原始预览尺寸，超过限制时按最小比例缩放，否则返回原始尺寸。
• updateUIView中调用invalidateIntrinsicContentSize()，确保metadata加载完成后SwiftUI能更新视图布局。
• SwiftUI层移除.aspectRatio，让视图基于自身固有尺寸在最大限制内布局。

内容的提问来源于stack exchange，提问作者Ahmed Zaidan