Toolbar中GeometryReader获取坐标异常返回(0.0,0.0,0.0,0.0)

问题原因 #

你在Menu内部用GeometryReader拿不到正确坐标，是因为Menu的下拉内容是延迟渲染的——只有点击菜单后才会加载，初始状态下它的布局上下文是空的，所以拿到的frame是(0.0, 0.0, 0.0, 0.0)。而且菜单内部的视图和Toolbar上的触发按钮不在同一个层级，根本拿不到触发按钮的位置。

你真正需要的是获取**"More actions"这个Menu触发按钮**的坐标，而不是菜单里Share按钮的坐标——这才是和ShareLink行为一致的做法。

解决步骤 #

1. 定义PreferenceKey传递坐标

先创建一个PreferenceKey，用来传递视图的frame：

struct ViewFrameKey: PreferenceKey {
    static var defaultValue: CGRect = .zero
    static func reduce(value: inout CGRect, nextValue: () -> CGRect) {
        value = nextValue()
    }
}

2. 在Menu触发按钮上捕获坐标

在Toolbar的Menu标签视图里，用background+GeometryReader获取它的全局坐标，再通过PreferenceKey传递给父视图：

// 父视图里先声明存储坐标的变量
@State private var menuButtonFrame: CGRect = .zero

// Toolbar部分修改如下
.toolbar {
    ToolbarItem(placement: .navigationBarTrailing){
        Menu {
            // 菜单里直接放按钮，不用再套GeometryReader了
            Button {
                share(text: "Test", frame: menuButtonFrame)
            } label: {
                Label("Share", systemImage: "square.and.arrow.up")
            }
        } label: {
            Label(title: {
                Text("More actions")
            }, icon: {
                Image(systemName: "ellipsis.circle")
            })
            // 用background捕获触发按钮的全局坐标
            .background {
                GeometryReader { geo in
                    Color.clear
                        .preference(key: ViewFrameKey.self, value: geo.frame(in: .global))
                }
            }
        }
        // 接收Preference传递的坐标
        .onPreferenceChange(ViewFrameKey.self) { newFrame in
            menuButtonFrame = newFrame
        }
    }
}

3. 修正share函数的popover配置

把sourceView改成根视图的view，避免window层级的问题，同时确保popover箭头方向正确：

func share(text: String, frame: CGRect){
    let viewController = UIActivityViewController(activityItems: [text], applicationActivities: nil)

    guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
          let rootVC = windowScene.windows.first?.rootViewController else { return }

    if UIDevice.current.userInterfaceIdiom == .pad {
        viewController.popoverPresentationController?.sourceView = rootVC.view
        viewController.popoverPresentationController?.sourceRect = frame
        // 设置箭头指向触发按钮，和ShareLink一致
        viewController.popoverPresentationController?.permittedArrowDirections = .up
    }

    rootVC.present(viewController, animated: true)
}

原理说明 #

Menu的触发按钮（"More actions"）是始终存在于Toolbar中的，所以它的GeometryReader能正确获取全局坐标。通过PreferenceKey把这个坐标传递给父视图的变量，点击分享时直接用这个坐标作为popover的sourceRect，就能实现和ShareLink完全一样的popover定位效果。

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