如何让SwiftUI视图高度与它的Overlay视图高度对齐

方法一：用背景视图替代Overlay #

最简单的方式是把原本放在overlay里的内容作为前景，将CustomShape设为它的背景。背景视图会自动适配前景视图的尺寸，这样CustomShape的高度就和内容完全一致了：

ZStack {
    Color.gray.edgesIgnoringSafeArea(.all)
    VStack {
        // 这里放你原本的内容视图
    }
    .background(
        CustomShape()
            .fill(Color.white)
            .cornerRadius(10)
    )
}

方法二：用PreferenceKey捕获内容高度（更灵活） #

如果需要保留overlay的结构，可以通过PreferenceKey获取内容的高度，再把这个高度应用到CustomShape上：

1. 先定义一个PreferenceKey来传递高度值：

struct ContentHeightKey: PreferenceKey {
    static var defaultValue: CGFloat = 0
    static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
        value = nextValue()
    }
}

2. 修改视图结构，捕获内容高度并应用到Shape：

@State private var contentHeight: CGFloat = 0

ZStack {
    Color.gray.edgesIgnoringSafeArea(.all)
    CustomShape()
        .fill(Color.white)
        .cornerRadius(10)
        .frame(height: contentHeight)
        .overlay(alignment: .top) {
            VStack {
                // 这里放你原本的内容视图
            }
            .background(
                GeometryReader { geo in
                    Color.clear
                        .preference(key: ContentHeightKey.self, value: geo.size.height)
                }
            )
        }
}
.onPreferenceChange(ContentHeightKey.self) { newValue in
    contentHeight = newValue
}

这两种方法都能让CustomShape的高度完全匹配内容视图的高度，避免Shape过度拉伸。

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