如何获取视图在屏幕半区占据的宽度？已用GeometryReader但计算失准

你当前代码的问题在于，HStack里的两个Spacer会让Text居中显示，而非限制在屏幕半区，所以测量到的宽度并不是文本在半区内的实际宽度。可以按以下方式调整：

实现思路 #

1. 通过外层GeometryReader获取屏幕总宽度，计算出半区宽度。
2. 强制将Text限制在屏幕的某一半区域内（比如右半区），再测量文本的实际宽度。

完整代码示例 #

struct ContentView: View {
    @State private var textWidthInHalfScreen: CGFloat = 0
    let displayedText = "这里是需要测量的文本内容"
    
    var body: some View {
        GeometryReader { screenGeo in
            let halfScreenWidth = screenGeo.size.width / 2
            
            HStack {
                // 左半区固定占据屏幕一半宽度
                Spacer(minLength: halfScreenWidth)
                
                Text(displayedText)
                    // 限制文本最大宽度为半区宽度，确保不会超出范围
                    .frame(maxWidth: halfScreenWidth, alignment: .leading)
                    .background(
                        GeometryReader { textGeo in
                            Color.clear
                                .preference(key: TextWidthKey.self, value: textGeo.size.width)
                        }
                    )
            }
            .onPreferenceChange(TextWidthKey.self) { newWidth in
                textWidthInHalfScreen = newWidth
            }
        }
        .ignoresSafeArea() // 忽略安全区，获取完整屏幕宽度
    }
}

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

关键说明 #

• 外层GeometryReader用来获取屏幕真实宽度，避免因安全区或布局容器导致的宽度偏差。
• Spacer(minLength: halfScreenWidth)直接占据左半区，让Text只能在右半区内布局。
• 给Text设置frame(maxWidth: halfScreenWidth)，确保文本不会超出半区范围，此时测量到的宽度就是文本在半区内实际占用的空间。
• 如果需要测量左半区的文本，只需要把Spacer和Text的位置调换即可。

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