SwiftUI中如何限制自定义UIViewRepresentable UITextView的最大尺寸？

问题出在自定义的AttributedText（包装UITextView的UIViewRepresentable）没有正确响应SwiftUI的外部高度约束——UITextView默认会根据内容自动撑开，忽略外部的frame限制。需要在UIViewRepresentable的实现内部处理高度逻辑，具体步骤如下：

1. 修改UIViewRepresentable实现，添加高度约束逻辑 #

更新你的AttributedText结构体，加入maxHeight参数并在内部处理UITextView的高度约束：

struct AttributedText: UIViewRepresentable {
    let text: String
    let formatter: HTMLFormatter
    let maxHeight: CGFloat?

    init(_ text: String, _ formatter: HTMLFormatter, maxHeight: CGFloat? = nil) {
        self.text = text
        self.formatter = formatter
        self.maxHeight = maxHeight
    }

    func makeUIView(context: Context) -> UITextView {
        let textView = UITextView()
        textView.isEditable = false
        textView.isSelectable = true
        textView.textContainerInset = .zero
        textView.textContainer.lineFragmentPadding = 0
        textView.translatesAutoresizingMaskIntoConstraints = false
        return textView
    }

    func updateUIView(_ uiView: UITextView, context: Context) {
        // 应用你的富文本转换逻辑
        uiView.attributedText = formatter.convert(text)

        guard let maxHeight = maxHeight else {
            // 无高度限制时，自适应高度并禁用滚动
            uiView.isScrollEnabled = false
            uiView.heightAnchor.constraint(greaterThanOrEqualToConstant: 1).isActive = true
            return
        }

        // 计算内容实际需要的高度
        let contentHeight = uiView.sizeThatFits(CGSize(width: uiView.bounds.width, height: CGFloat.greatestFiniteMagnitude)).height
        
        if contentHeight > maxHeight {
            // 内容超过最大高度，固定高度并允许滚动
            uiView.isScrollEnabled = true
            uiView.heightAnchor.constraint(equalToConstant: maxHeight).isActive = true
        } else {
            // 内容高度未超限，自适应高度并禁用滚动
            uiView.isScrollEnabled = false
            uiView.heightAnchor.constraint(equalToConstant: contentHeight).isActive = true
        }
    }
}

2. 在Preview中正确使用 #

无需叠加多层frame修饰符，直接传入maxHeight参数即可：

#Preview {
    VStack {
        AttributedText(
            "long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text long text",
            HTMLFormatter(),
            maxHeight: 100
        )
        .background(Color.blue)
    }
}

关键说明 #

• 必须在UIViewRepresentable内部处理UITextView的约束，因为UIKit控件的布局优先级会覆盖SwiftUI的外部frame修饰符。
• 禁用滚动时，UITextView会自动计算内容所需的intrinsicContentSize，让SwiftUI可以正确布局；内容超过限制时开启滚动，避免控件被撑开。
• 确保translatesAutoresizingMaskIntoConstraints设为false，自定义约束才能生效。

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