SwiftUI中使用GeometryReader计算动态视图高度异常问题

你的代码存在两个核心问题导致尺寸获取不准确：

1. onAppear仅触发一次：只有视图首次显示时会赋值height，后续AnotherView内容变化（比如加载数据后高度改变）时，height不会同步更新。
2. 循环依赖的尺寸限制：外层的.frame(height: height)会强制限制视图高度，反过来让背景里的GeometryReader获取到被限制后的尺寸，形成逻辑循环。

下面是修复后的代码，使用SwiftUI官方推荐的PreferenceKey方案来准确监听视图尺寸变化：

步骤1：定义尺寸监听的PreferenceKey #

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

步骤2：修改carousel函数 #

@State var height: CGFloat = .zero

@ViewBuilder
func carousel(_ renderModel: renderModel) -> some View {
    VStack(alignment: .leading) {
        AnotherView(
            // 填入你的参数
        )
    }
    .padding(.top, 20)
    .padding(.bottom, 10)
    .background(
        GeometryReader { geometry in
            Color.clear
                // 将当前视图尺寸通过Preference传递出去
                .preference(key: ViewSizeKey.self, value: geometry.size)
        }
    )
    // 监听尺寸变化，实时更新height
    .onPreferenceChange(ViewSizeKey.self) { newSize in
        height = newSize.height
    }
    // 如果确实需要固定高度（非必须），可以加条件避免初始循环
    // .frame(height: height != .zero ? height : nil)
}

为什么这个方案更可靠？ #

• 替代onAppear的单次触发，onPreferenceChange会在视图尺寸任何时候变化时自动更新height。
• 避免了嵌套GeometryReader的层级混乱，直接测量VStack（即carousel自身）的实际尺寸，不会被外层frame限制干扰。
• 这是SwiftUI中获取视图动态尺寸的标准实现方式，适配所有视图更新场景。

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