为何窗口调整时GeometryReader返回尺寸偏小，视图视觉尺寸正常？

问题原因 #

你当前的代码存在两个核心问题：

1. 外层GeometryReader被添加了padding(300)，你监听的geo.frame(in: .local)是这个GeometryReader自身的尺寸（即窗口尺寸减去上下左右各300的padding），但你把监听逻辑绑定在了Color.black上，两者的布局完成时机不同步，导致窗口调整时尺寸更新滞后。
2. ZStack中存在其他固定尺寸的视图（红、蓝、绿条），虽然视觉上不影响Color.black的填充范围，但会间接影响布局计算的优先级，导致GeometryReader的尺寸获取出现偏差。

解决方案 #

方案一：直接追踪Color.black的实际尺寸（推荐）

给Color.black添加一个背景层的GeometryReader，直接捕获它自身的帧信息，确保尺寸完全匹配视觉上的黑色背景：

struct ContentView: View {
    @State private var rect: CGRect = .zero

    var body: some View {
        ZStack {
            Color.black
                .background {
                    // 用透明背景的GeometryReader追踪黑色视图的尺寸
                    GeometryReader { bgGeo in
                        Color.clear
                            .onAppear {
                                rect = bgGeo.frame(in: .local)
                            }
                            .onChange(of: bgGeo.frame(in: .local)) { _, newFrame in
                                rect = newFrame
                            }
                    }
                }

            Color.red.frame(width: rect.width, height: 2.0)
            Color.blue.frame(width: 2.0, height: rect.height)
            Color.green
                .frame(width: 300.0, height: 50.0)
                .offset(y: -100.0)
        }
        .padding(300.0)
    }
}

方案二：优化外层GeometryReader的尺寸获取

如果需要保留外层GeometryReader，可以直接使用geo.size（避免坐标系转换误差），并将监听逻辑绑定到包含所有子视图的ZStack上，确保布局稳定后再更新尺寸：

struct ContentView: View {
    @State private var rect: CGRect = .zero

    var body: some View {
        GeometryReader { geo in
            ZStack {
                Color.black
                Color.red.frame(width: rect.width, height: 2.0)
                Color.blue.frame(width: 2.0, height: rect.height)
                Color.green
                    .frame(width: 300.0, height: 50.0)
                    .offset(y: -100.0)
            }
            .onAppear {
                rect = CGRect(origin: .zero, size: geo.size)
            }
            .onChange(of: geo.size) { _, newSize in
                rect = CGRect(origin: .zero, size: newSize)
            }
        }
        .padding(300.0)
    }
}

关键说明 #

• 直接追踪目标视图的背景GeometryReader是最可靠的方式，因为它完全对应目标视图的实际显示区域。
• 使用geo.size替代geo.frame(in: .local)更简洁，因为在本地坐标系下，GeometryReader的帧原点始终是(0,0)，size就是它的实际尺寸。
• 将监听逻辑绑定到父容器（ZStack）上，能避免子视图布局未完成导致的尺寸更新不及时问题。

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