将自调整UITableViewCell封装为UIViewRepresentable后是否支持自动尺寸适配？

结论 #

你当前的写法无法实现自动尺寸适配，需要额外添加适配逻辑，不需要手动指定.frame(height: )，手动设置高度导致文本截断是因为cell内部布局没有和外层宽度对齐，无法触发正确的重绘。

原因 #

UITableViewCell的自调整尺寸逻辑默认依赖UITableView的上下文配置（如rowHeight = UITableView.automaticDimension、预估高度设置），当你单独将cell作为普通UIView封装给SwiftUI使用时，脱离了UITableView的管控，无法自动向SwiftUI传递自身的内容尺寸，SwiftUI会默认用错误的默认尺寸渲染，导致布局异常。

正确封装实现 #

iOS 16+ 最简写法 #

直接实现UIViewRepresentable的sizeThatFits方法，主动向SwiftUI传递计算好的内容尺寸：

struct MyTableViewItem: UIViewRepresentable {
    // 根据你的业务需要添加需要注入cell的属性，比如展示的文本
    let showText: String
    
    func makeUIView(context: Context) -> MyTableViewCell {
        let cell = MyTableViewCell()
        // 按需关闭不需要的cell默认交互
        cell.selectionStyle = .none
        // 提升垂直方向的内容抗压缩、拥抱优先级，避免被SwiftUI布局强制压缩
        cell.contentView.setContentHuggingPriority(.defaultHigh, for: .vertical)
        cell.contentView.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)
        return cell
    }
    
    func updateUIView(_ uiView: MyTableViewCell, context: Context) {
        // 给cell的内容控件赋值，这里替换为你自己的cell属性
        uiView.contentLabel.text = showText
        // 赋值后主动触发布局更新
        uiView.setNeedsLayout()
        uiView.layoutIfNeeded()
    }
    
    func sizeThatFits(_ proposal: ProposedViewSize, uiView: MyTableViewCell, context: Context) -> CGSize? {
        // 用SwiftUI传入的建议宽度，计算cell适配内容的最小高度
        let targetWidth = proposal.width ?? UIScreen.main.bounds.width
        return uiView.systemLayoutSizeFitting(
            CGSize(width: targetWidth, height: UIView.layoutFittingCompressedSize.height),
            withHorizontalFittingPriority: .required,
            verticalFittingPriority: .fittingSizeLevel
        )
    }
}

兼容iOS 15及更低版本写法 #

需要借助PreferenceKey传递计算出的高度，动态调整组件尺寸：

// 先定义传递高度的PreferenceKey
private struct CellHeightKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

struct MyTableViewItem: UIViewRepresentable {
    let showText: String
    @Binding var cellHeight: CGFloat
    
    func makeUIView(context: Context) -> MyTableViewCell {
        let cell = MyTableViewCell()
        cell.selectionStyle = .none
        cell.contentView.setContentHuggingPriority(.defaultHigh, for: .vertical)
        cell.contentView.setContentCompressionResistancePriority(.defaultHigh, for: .vertical)
        return cell
    }
    
    func updateUIView(_ uiView: MyTableViewCell, context: Context) {
        uiView.contentLabel.text = showText
        uiView.setNeedsLayout()
        uiView.layoutIfNeeded()
        
        // 计算高度后通过Binding回传
        let targetWidth = UIScreen.main.bounds.width // 按需替换为你的布局宽度
        let size = uiView.systemLayoutSizeFitting(
            CGSize(width: targetWidth, height: UIView.layoutFittingCompressedSize.height),
            withHorizontalFittingPriority: .required,
            verticalFittingPriority: .fittingSizeLevel
        )
        DispatchQueue.main.async {
            cellHeight = size.height
        }
    }
}

// 使用时的示例
struct UseDemoView: View {
    @State private var itemHeight: CGFloat = 0
    
    var body: some View {
        List {
            MyTableViewItem(showText: "测试文本", cellHeight: $itemHeight)
                .frame(height: itemHeight)
        }
    }
}

注意事项 #

• 确保你的MyTableViewCell内部的约束完整，垂直方向从contentView顶部到contentView底部的约束链没有歧义，这是自动计算高度的基础。
• 不要在封装好的组件外层强制写死固定高度，会覆盖自动计算的尺寸，就算高度足够，宽度不对也会导致内部文本控件无法正确折行，出现截断。
• 用在LazyVStack里时只要外层有明确的宽度约束，自动计算逻辑也能正常生效。

内容的提问来源于stack exchange，提问作者Michał Ziobro