SwiftUI多GeometryReader无法正确读取各Button组件位置问题

你当前打印输出的Y坐标一致，核心原因是读取frame的对象错了：

• 你给每个按钮外层套的GeometryReader { geo1/geo2/geo3 }，是被HStack水平排布的独立单元格，三个单元格的垂直高度完全等于HStack的可用高度，垂直位置完全对齐，所以它们自身的Y轴minY、maxY必然完全相同，只有X坐标因为水平排布有差异。
• 你给按钮加的.position(x:y:)修饰符，只是调整按钮在其直接父视图（也就是外层套的那个GeometryReader单元格）内部的位置，不会改变外层GeometryReader单元格本身的尺寸和位置，因此读取单元格的frame永远拿不到按钮的真实渲染位置。

不要给每个按钮外层套多余的GeometryReader，遵循以下逻辑实现：

• 给承载按钮的外层容器定义自定义坐标空间，避免全局坐标系受状态栏、导航栏等外部元素干扰
• 用.background或.overlay在目标按钮内部挂载GeometryReader，直接读取按钮自身的frame，不会额外占用布局空间
• 位置读取逻辑绑定在按钮自身的生命周期上，确保读到的是按钮的真实渲染位置

修正后的核心代码如下：

struct Learn_W_ThreeButtonsView_Ask: View {
    // 自定义坐标空间标识
    private let containerSpace = "buttonContainer"
    
    let button1 = Learn_W_SingleButton(buttonID: 0)
    let button2 = Learn_W_SingleButton(buttonID: 1)
    let button3 = Learn_W_SingleButton(buttonID: 2)
    
    // 封装位置打印逻辑，避免重复代码
    private func printButtonFrame(id: Int, geo: GeometryProxy) {
        let frame = geo.frame(in: .named(containerSpace))
        print()
        print("Button \(id)")
        print("minX: \(frame.minX), maxX: \(frame.maxX)")
        print("minY: \(frame.minY), maxY: \(frame.maxY)")
    }
    
    var body: some View {
        GeometryReader { outerGeo in
            HStack {
                button1
                    .position(x: 50, y: 50)
                    // 用透明背景挂载GeometryReader读取按钮自身frame，不影响UI
                    .background(
                        GeometryReader { btnGeo in
                            Color.clear
                                .onAppear {
                                    printButtonFrame(id: 1, geo: btnGeo)
                                }
                        }
                    )
                
                button2
                    .position(x: 50, y: 20)
                    .background(
                        GeometryReader { btnGeo in
                            Color.clear
                                .onAppear {
                                    printButtonFrame(id: 2, geo: btnGeo)
                                }
                        }
                    )
                
                button3
                    .position(x: 50, y: 100)
                    .background(
                        GeometryReader { btnGeo in
                            Color.clear
                                .onAppear {
                                    printButtonFrame(id: 3, geo: btnGeo)
                                }
                        }
                    )
            }
            // 给HStack绑定自定义坐标空间
            .coordinateSpace(name: containerSpace)
        }
    }
}

运行后控制台会输出三个按钮各自对应的真实Y轴坐标，和UI上的渲染位置完全匹配。如果你需要获取按钮相对于全局窗口的位置，只需要把geo.frame(in: .named(containerSpace))改成geo.frame(in: .global)即可。

补充说明：如果需要在按钮位置动态变化时（比如拖拽、动画过程中）实时获取位置，把onAppear换成onChange监听对应位置状态变量即可，读取逻辑不变。

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