如何在SwiftUI中根据其子高度设置GeometryReader的高度？

在SwiftUI中，GeometryReader 是一个容器视图，它提供了一个闭包，该闭包可以访问其子视图的几何属性，如大小、位置等。要根据其子高度设置 GeometryReader 的高度，你可以使用 GeometryReader 的 frame 方法来获取子视图的尺寸，然后根据这些尺寸调整 GeometryReader 的大小。

以下是一个示例代码，展示了如何根据子视图的高度来设置 GeometryReader 的高度：

import SwiftUI

struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in
            VStack {
                Text("Hello, SwiftUI!")
                    .font(.largeTitle)
                    .frame(maxWidth: .infinity)
                    .background(Color.green)
                
                // 子视图
                CustomSubview()
                    .background(Color.blue)
                    // 将子视图的frame传递给GeometryReader的frame
                    .frame(height: geometry.size.height * 0.5)
            }
            // 根据子视图的高度调整GeometryReader的高度
            .frame(height: geometry.size.height * 0.5)
        }
    }
}

struct CustomSubview: View {
    var body: some View {
        Text("I'm a custom subview")
            .font(.title)
            .foregroundColor(.white)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个例子中，CustomSubview 是 GeometryReader 的子视图。我们通过 .frame(height: geometry.size.height * 0.5) 来设置 CustomSubview 的高度为 GeometryReader 高度的一半。然后，我们再次使用 .frame(height: geometry.size.height * 0.5) 来设置整个 VStack（包含 CustomSubview）的高度，这样 GeometryReader 的高度就会根据子视图的高度进行调整。

请注意，这个例子假设你希望 CustomSubview 占据 GeometryReader 高度的一半。你可以根据实际需求调整比例。

如果你遇到的问题是 GeometryReader 的高度没有按照预期设置，可能是因为闭包中的 geometry 尚未更新，或者是因为布局尚未完成。确保在闭包中正确使用了 geometry.size 来获取尺寸，并且在布局完成后进行尺寸调整。

参考链接：