如何为GeometryReader设置真实框架高度？SwiftUI实现合理性疑问

GeometryReader的核心作用是读取父容器的可用空间，它本身不会自动感知子视图的尺寸。要让它知晓自身的真实大小（即子视图的实际尺寸），需要遵循SwiftUI的数据流规范——由子视图主动向父视图报告自身尺寸，而非用状态反向控制父视图布局。

先分析你的代码问题 #

你当前的写法确实能运行，但存在潜在风险：

• 之所以没触发无限循环，是因为calculateCustomHeight返回的值稳定，没有变化，所以containerHeight更新后不会再次触发计算。
• 但这种反向用@State控制父视图frame的方式不符合SwiftUI的布局逻辑，一旦计算逻辑依赖动态内容（比如文本变化、按钮数量变更），很容易陷入无限重绘循环。

正确实现方案 #

方案1：用PreferenceKey捕获子视图尺寸（通用可靠）

通过PreferenceKey可以让子视图主动把自身尺寸传递给父视图，既符合数据流规范，又能同时获取父容器的可用空间和子视图的真实尺寸。

1. 先定义一个PreferenceKey：

import SwiftUI

struct ViewSizeKey: PreferenceKey {
    static var defaultValue: CGSize = .zero
    static func reduce(value: inout CGSize, nextValue: () -> CGSize) {
        value = nextValue()
    }
}

2. 在视图中使用：

struct ContentView: View {
    @State private var childViewSize: CGSize = .zero

    var body: some View {
        // 外层GeometryReader读取父容器的可用宽度
        GeometryReader { parentProxy in
            // 用父容器宽度计算子视图（比如按钮）的尺寸
            Text("Test")
                .frame(width: parentProxy.size.width * 0.8) // 取父宽度的80%作为文本宽度
                .background(
                    // 内层GeometryReader捕获子视图的真实尺寸
                    GeometryReader { childProxy in
                        Color.clear
                            .preference(key: ViewSizeKey.self, value: childProxy.size)
                    }
                )
        }
        // 监听子视图尺寸变化，更新状态
        .onPreferenceChange(ViewSizeKey.self) { newSize in
            childViewSize = newSize
            // 这里可以基于子视图尺寸做后续自定义计算
        }
        // 用捕获到的子视图高度设置容器高度
        .frame(height: childViewSize.height)
    }
}

方案2：直接让子视图撑开GeometryReader（简单场景）

如果不需要捕获尺寸做后续处理，只是想让GeometryReader的大小匹配子视图，可以用.fixedSize()简化实现：

struct ContentView: View {
    var body: some View {
        GeometryReader { parentProxy in
            Text("Test")
                .frame(width: parentProxy.size.width * 0.8) // 用父宽度计算子视图尺寸
                .background(Color.yellow)
        }
        .fixedSize(horizontal: false, vertical: true) // 横向填充父容器，纵向由子视图决定
    }
}

核心总结 #

• 避免用@State反向设置GeometryReader的frame，不符合SwiftUI布局规范且有风险。
• 通用场景下用PreferenceKey实现子视图到父视图的尺寸传递，安全可靠。
• 简单场景下用.fixedSize()可以直接让GeometryReader匹配子视图的尺寸。

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