SwiftUI：如何通过GeometryReader监听视图尺寸变化更新变量

你原来的代码仅在视图首次出现时获取高度，当视图因屏幕旋转、父视图布局调整等原因发生高度变化时，onAppear不会再次触发，因此需要监听高度的动态变化。下面提供两种简单可行的方案：

方案一：直接监听GeometryReader的高度值 #

修改现有代码，添加onChange修饰符，监听geo.size.height的变化，当数值改变时同步更新profileViewHeight：

@State private var profileViewHeight: CGFloat = 0 // 确保变量是可观察的@State或@Binding

// 视图代码部分
.background(
    GeometryReader { geo in
        Color.clear
            .onAppear {
                profileViewHeight = geo.size.height
            }
            .onChange(of: geo.size.height) { newHeight in
                profileViewHeight = newHeight
            }
    }
)

这里onChange的of参数传入你要监听的目标值——geo.size.height，每当这个高度数值发生变化，闭包就会执行，将新高度赋值给你的变量。

方案二：使用PreferenceKey（SwiftUI标准推荐方式） #

这种方法通过SwiftUI的偏好设置系统传递布局信息，视图出现和布局变化时都会自动同步高度，无需额外编写onAppear：

1. 先定义一个自定义PreferenceKey：

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

2. 在视图中设置偏好并监听变化：

@State private var profileViewHeight: CGFloat = 0

// 视图代码部分
.background(
    GeometryReader { geo in
        Color.clear
            .preference(key: ViewHeightKey.self, value: geo.size.height)
    }
)
.onPreferenceChange(ViewHeightKey.self) { newHeight in
    profileViewHeight = newHeight
}

这种方式更贴合SwiftUI的布局流程，在复杂视图层级中可靠性更高，能自动捕捉所有布局变化场景。

注意事项 #

• profileViewHeight必须是可观察变量，比如用@State（当前视图内部管理）或@Binding（从父视图传递），否则数值变化无法触发视图更新。
• 测试时可通过旋转模拟器屏幕、调整父视图布局等操作，验证高度是否同步更新。

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