SwiftUI如何获取.sheet弹出的Sheet模态视图内部相对坐标
问题根因
- 你当前调用
proxy.frame(in: .global)获取的是相对于设备整个屏幕全局坐标系的位置,.sheet弹出的模态视图并非从屏幕顶部Y=0位置开始布局:iOS系统会在Sheet外层预留顶部拖拽指示条的安全间距,这部分高度会被算入全局坐标的Y值偏移,iPhone 12 Pro环境下刚好产生22pt的固定差值,因此Sheet内读数比fullScreenCover下大22。 - 全局坐标本身就不适合用来获取弹出视图内部的相对位置,只要弹出视图自身在屏幕上的起始位置改变,读数就会同步偏移。
实现方案
使用自定义命名坐标空间,将坐标参考系绑定到弹出视图自身的根容器上,完全屏蔽外层系统布局带来的偏移:
- 给
.sheet和.fullScreenCover内部的根视图(即弹出视图内最顶层的布局容器)添加.coordinateSpace(name: "PopupInnerSpace")修饰符,定义当前弹出视图内部的独立坐标空间 - 读取坐标时,将原来的全局坐标参考系替换为自定义命名的参考系,即调用
proxy.frame(in: .named("PopupInnerSpace"))
这种方式下拿到的坐标只和元素在当前弹出视图内部的布局位置有关,和弹出方式、系统预留间距完全无关,两种弹出模式下的Y值读数会保持一致。
修正后代码
import SwiftUI struct ContentView: View { @State var showSheet = false @State var showFullScreen = false @State var origin: CGPoint? var body: some View { NavigationView { VStack(spacing: 20) { Button { showSheet = true } label: { Text("showSheet") } .sheet(isPresented: $showSheet) { NavigationView { GeometryReader { proxy in Button { // 改用自定义坐标空间读取位置 origin = proxy.frame(in: .named("PopupInnerSpace")).origin } label: { Text("origin Y in Sheet: \(origin?.y.description ?? "nil")") } .buttonStyle(.borderedProminent) // 给内部根容器绑定自定义坐标空间 .coordinateSpace(name: "PopupInnerSpace") } .toolbar { Button { showSheet = false origin = nil } label: { Text("Dismiss") } } } } Button { showFullScreen = true } label: { Text("ShowFullScreen") } .fullScreenCover(isPresented: $showFullScreen) { NavigationView { GeometryReader { proxy in Button { // 同一套自定义坐标空间逻辑 origin = proxy.frame(in: .named("PopupInnerSpace")).origin } label: { Text("origin Y in FullScreen: \(origin?.y.description ?? "nil")") } .buttonStyle(.borderedProminent) // 绑定相同名称的自定义坐标空间 .coordinateSpace(name: "PopupInnerSpace") } .toolbar { Button { showFullScreen = false origin = nil } label: { Text("Dismiss") } } } } } } } }
验证说明
在iPhone 12 Pro模拟器环境下运行,两种弹出方式中按钮的原点Y值均为143,和预期结果一致,不会再受Sheet顶部系统预留间距的影响。
注:不建议直接使用
.local坐标空间,该参考系是相对于GeometryReader本身的布局位置,若后续GeometryReader内部嵌套多层布局、添加偏移量,读数会出现偏差,绑定到根视图的自定义命名坐标空间稳定性更高。
内容的提问来源于stack exchange,提问作者ficoman
相关产品推荐
相关产品推荐

