如何通过HStack获取UIScreen上到文本Apple背景左边缘的实际宽度位置

你要获取的实际宽度，本质是Text("Apple")视图在屏幕全局坐标系下的水平起始偏移值，可通过PreferenceKey配合GeometryReader无侵入读取，不会破坏原有布局，实现代码如下：

• 首先定义用于传递布局位置的PreferenceKey：

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

• 修改原有视图代码，嵌入位置读取逻辑：

struct ContentView: View {
    // 存储最终获取到的宽度值
    @State private var appleViewLeadingWidth: CGFloat = 0
    
    var body: some View {
        HStack {
            Text("SwiftUI")
                .font(.largeTitle)
                .frame(width:150)
                .background(Color.green)
            Text("Apple")
                .font(.largeTitle)
                .frame(width:200)
                .background(Color.yellow)
                // 嵌入位置读取逻辑，不影响原有布局
                .background(
                    GeometryReader { proxy in
                        Color.clear
                            .preference(
                                key: ViewLeadingOffsetKey.self,
                                // 全局坐标系下的minX即为目标宽度
                                value: proxy.frame(in: .global).minX
                            )
                    }
                )
        }
        // 接收读取到的宽度值
        .onPreferenceChange(ViewLeadingOffsetKey.self) { actualWidth in
            appleViewLeadingWidth = actualWidth
            // 此处可直接使用拿到的实际宽度，打印可验证数值
            print("目标宽度：\(actualWidth)")
        }
    }
}

注意事项 #

• 不要直接在HStack外层包裹GeometryReader计算位置，这种方式会强制HStack撑满父视图全宽，破坏原有默认居中布局，导致读取的数值错误。
• 上述实现自动计算了所有布局影响因素：包括HStack默认的子视图间距、HStack本身的居中偏移、前序文本的宽度，拿到的是界面实际渲染后的真实宽度，无需手动累加计算。
• proxy.frame(in: .global)使用的全局坐标系以屏幕左上角为原点，和你要求的「屏幕起始位置」基准完全一致。

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