SwiftUI中自适应自定义UIView的尺寸适配问题求助

1. 修复CustomUITextField的内部尺寸计算 #

首先要确保自定义UIView能正确计算自身的固有内容尺寸，核心是让它跟随内部垂直StackView的大小变化：

class CustomUITextField: UIView {
    private let stackView = UIStackView()
    private let textField = UITextField()
    private let errorLabel = UILabel()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupLayout()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLayout()
    }
    
    private func setupLayout() {
        // 配置垂直StackView
        stackView.axis = .vertical
        stackView.spacing = 4
        stackView.translatesAutoresizingMaskIntoConstraints = false
        
        // 配置错误标签：自动换行+自适应行数
        errorLabel.numberOfLines = 0
        errorLabel.textColor = .systemRed
        errorLabel.font = .systemFont(ofSize: 12)
        
        // 给输入框设置最小高度，避免空内容时塌陷
        textField.heightAnchor.constraint(greaterThanOrEqualToConstant: 44).isActive = true
        
        // 组装视图层级
        stackView.addArrangedSubview(textField)
        stackView.addArrangedSubview(errorLabel)
        addSubview(stackView)
        
        // 让StackView填满父视图边距
        NSLayoutConstraint.activate([
            stackView.topAnchor.constraint(equalTo: topAnchor),
            stackView.leadingAnchor.constraint(equalTo: leadingAnchor),
            stackView.trailingAnchor.constraint(equalTo: trailingAnchor),
            stackView.bottomAnchor.constraint(equalTo: bottomAnchor)
        ])
    }
    
    // 重写固有内容尺寸，直接返回StackView的计算结果
    override var intrinsicContentSize: CGSize {
        stackView.intrinsicContentSize
    }
    
    // 布局变化时通知系统重新计算尺寸
    override func layoutSubviews() {
        super.layoutSubviews()
        invalidateIntrinsicContentSize()
    }
    
    // 暴露外部可修改的属性
    var text: String? {
        get { textField.text }
        set { textField.text = newValue }
    }
    
    var errorText: String? {
        get { errorLabel.text }
        set {
            errorLabel.text = newValue
            // 错误文本变化时强制更新尺寸
            invalidateIntrinsicContentSize()
        }
    }
}

2. 正确实现UIViewRepresentable包装器 #

需要让SwiftUI正确识别自定义UIView的尺寸变化，核心是实现sizeThatFits方法：

struct CustomTextField: UIViewRepresentable {
    @Binding var text: String
    @Binding var errorText: String?
    
    func makeUIView(context: Context) -> CustomUITextField {
        CustomUITextField()
    }
    
    func updateUIView(_ uiView: CustomUITextField, context: Context) {
        uiView.text = text
        uiView.errorText = errorText
        // 每次更新内容时通知SwiftUI重新计算尺寸
        uiView.invalidateIntrinsicContentSize()
    }
    
    // 告诉SwiftUI：视图大小由自身固有尺寸决定
    func sizeThatFits(_ proposal: ProposedViewSize, uiView: CustomUITextField, context: Context) -> CGSize? {
        uiView.intrinsicContentSize
    }
}

3. SwiftUI端使用示例 #

直接使用包装后的视图即可，不要设置固定高度，让它自动适配：

struct ContentView: View {
    @State private var inputText = ""
    @State private var errorMsg: String? = "这是一段较长的错误提示文本，用来测试自动换行和高度自适应效果，确保所有内容都能正确显示"
    
    var body: some View {
        VStack(spacing: 20) {
            CustomTextField(text: $inputText, errorText: $errorMsg)
                .padding()
                .border(.gray)
            
            Button("切换错误状态") {
                errorMsg = errorMsg == nil ? "动态更新的错误提示，测试高度变化" : nil
            }
        }
        .padding()
    }
}

关键逻辑说明 #

• 自定义UIView通过重写intrinsicContentSize，把尺寸计算委托给内部的StackView，而StackView会自动根据输入框和错误标签的内容计算高度
• 每次内容变化（比如错误文本更新）时，调用invalidateIntrinsicContentSize通知系统重新计算尺寸
• UIViewRepresentable的sizeThatFits方法是让SwiftUI正确适配UIKit视图尺寸的核心，必须明确返回固有尺寸

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