SwiftUI如何让List单元格高度自适应内部视图高度？

解决方案1：使用aspectRatio直接设置宽高比（推荐） #

最简单的方式是利用aspectRatio(1, contentMode: .fit)强制视图保持正方形，同时移除List单元格默认的内边距：

struct TestContainer: View {
    var body: some View {
        List {
            Color.white
                .aspectRatio(1, contentMode: .fit)
                .listRowInsets(EdgeInsets())
        }
    }
}

解决方案2：保留GeometryReader的实现 #

如果你需要保留GeometryReader来获取尺寸，可以明确设置视图的宽高，并让List单元格自适应高度：

struct TestContainer: View {
    var body: some View {
        List {
            GeometryReader { geo in
                Color.white
                    .frame(width: geo.size.width, height: geo.size.width)
            }
            .listRowInsets(EdgeInsets())
            // 让List根据内部内容自动计算单元格高度
            .frame(height: nil)
        }
    }
}

问题原因解释 #

1. List单元格默认内边距：List的单元格自带listRowInsets，会在视图四周添加空白，导致正方形显示被挤压。
2. GeometryReader在List中的行为：GeometryReader在List单元格中会默认填充整个可用的垂直空间，而非根据内部视图的高度自适应。直接设置maxHeight无法让List调整单元格高度，必须明确指定宽高，或者用aspectRatio约束比例，同时让List单元格放弃默认的高度限制。

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