如何获取SwiftUI List的完整内容高度？

你之前的方案失效的核心原因是：SwiftUI的List本质是UIKit UITableView（iOS）/AppKit NSTableView（macOS）的封装，它自身的frame大小就是可见区域的尺寸，内部单元格采用复用机制渲染，你直接给List加background读取的是List本身的大小，自然只能拿到可见区域高度。

方案1：iOS 16+ 简化实现 #

直接使用系统新增的.scrollContent坐标空间读取内容尺寸：

List {
    // 此处放你的列表内容，比如ForEach循环生成的列表项
    ForEach(items) { item in
        Text(item.content)
    }
}
.background {
    GeometryReader { proxy in
        Color.clear
            // 页面加载时获取初始高度
            .onAppear {
                let totalContentHeight = proxy.frame(in: .scrollContent).height
                print(totalContentHeight)
            }
            // 列表数据源变化时实时更新高度
            .onChange(of: items) { _ in
                let totalContentHeight = proxy.frame(in: .scrollContent).height
                print(totalContentHeight)
            }
    }
}

方案2：全版本兼容通用实现 #

通过PreferenceKey监听所有列表项的位置，自动计算总高度：

第一步：定义存储高度的PreferenceKey #

struct ListContentHeightKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        // 取所有列表项的最大Y坐标作为内容总高度
        value = max(value, nextValue())
    }
}

第二步：给列表项添加测量逻辑 #

List {
    ForEach(items) { item in
        // 你的列表项原有内容
        Text(item.content)
            .background(
                GeometryReader { proxy in
                    Color.clear
                        .preference(
                            key: ListContentHeightKey.self,
                            value: proxy.frame(in: .global).maxY
                        )
                }
            )
    }
}
// 监听高度变化
.onPreferenceChange(ListContentHeightKey.self) { totalHeight in
    // 此处拿到的就是List完整内容的总高度，已包含系统自带的行间距、section边距
    print("列表总高度：\(totalHeight)")
}

最优替代方案（无复用需求时） #

如果你的列表项数量不多，不需要用到List的单元格复用、侧滑操作、系统列表样式等特性，可以直接替换为ScrollView + VStack组合，直接用你最开始的ScrollView通用测量方案即可，实现更简单。

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