SwiftUI 将List嵌入ScrollView时如何可靠获取List内容高度

解决方案 #

你遇到的高度计算不稳定问题，根源是introspectTableView的回调仅在视图首次加载时触发一次，不会在UITableView后续布局更新、内容变化时重新读取contentSize，与你猜测的didLayoutSubviews时机不匹配的判断一致。

修复后的实现代码 #

import Combine
import Introspect
import SwiftUI

struct AutosizingList<Content: View>: View {
    @ViewBuilder var content: Content
    @State private var tableContentHeight: CGFloat = 0
    // 存储KVO观察者，避免提前释放
    @State private var contentSizeObserver: NSKeyValueObservation?

    var body: some View {
        List {
            content
        }
        .introspectTableView { tableView in
            tableView.isScrollEnabled = false
            // 首次加载先赋值一次高度
            tableContentHeight = tableView.contentSize.height
            
            // 添加KVO监听contentSize变化，实时更新高度
            contentSizeObserver = tableView.observe(\.contentSize, options: [.new]) { _, change in
                guard let newHeight = change.newValue?.height else { return }
                // 避免重复无意义的高度更新
                guard newHeight != tableContentHeight else { return }
                tableContentHeight = newHeight
            }
        }
        .frame(height: tableContentHeight)
        // 如果数据源会动态变化，可绑定数据源的唯一标识，内容变化时强制刷新
        // .id(dataSourceHash)
    }
}

关于SwiftUI中类似UIKit didLayoutSubviews的机制 #

SwiftUI没有直接对标didLayoutSubviews的生命周期API，你可以通过以下方式实现类似能力：

• 对UIKit桥接的视图，使用KVO监听bounds、contentSize等布局相关属性
• 纯SwiftUI视图可通过GeometryReader配合.onChange(of:)监听尺寸变化
• 自定义UIViewRepresentable时，可在updateUIView方法中处理布局更新后的逻辑，该方法会在每次SwiftUI状态变化触发视图更新时调用

额外优化建议 #

如果你的列表单元格包含异步加载的资源（比如网络图片），加载完成后会改变单元格高度，可在单元格高度变化时手动触发一次UITableView的布局刷新：

tableView.performBatchUpdates(nil)

触发后KVO会自动捕获最新的contentSize，更新列表整体高度。

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