SwiftUI中能否通过手势位置获取LazyVGrid对应的GridItem？

可以实现这个需求，但需要结合GeometryReader来手动追踪每个GridItem的位置信息——因为LazyVGrid本身不会直接暴露子项的布局位置，得我们自己记录每个item的全局frame，再和手势位置做匹配。

具体实现步骤 #

1. 存储每个GridItem的位置数据

   • 声明一个数组来保存所有item的全局frame，长度和你的数据源一致。
   • 在每个GridItem的View里，用GeometryReader获取自身的全局坐标，通过onAppear和onChange更新对应索引的frame值（避免布局变化或滚动导致位置失效）。

2. 手势触发时匹配位置

   • 在LazyVGrid的父容器上绑定手势（比如Tap/DragGesture），拿到gesture.location。
   • 遍历存储的frame数组，找到包含该位置的frame对应的索引，就能直接关联到对应的GridItem数据源。

代码示例 #

struct LazyVGridGestureDemo: View {
    // 模拟数据源
    let gridItems = Array(0..<24)
    // 网格列配置
    let columns = [GridItem(.flexible()), GridItem(.flexible()), GridItem(.flexible())]
    // 存储每个item的全局frame
    @State private var itemFrames: [CGRect] = []
    
    var body: some View {
        ScrollView {
            LazyVGrid(columns: columns, spacing: 12) {
                ForEach(gridItems.indices, id: \.self) { index in
                    Text("Item \(gridItems[index])")
                        .padding()
                        .background(Color.gray.opacity(0.2))
                        .cornerRadius(8)
                        // 用透明背景的GeometryReader获取位置，不影响原布局
                        .background(
                            GeometryReader { geoProxy in
                                Color.clear
                                    .onAppear {
                                        itemFrames[index] = geoProxy.frame(in: .global)
                                    }
                                    .onChange(of: geoProxy.frame(in: .global)) { newFrame in
                                        itemFrames[index] = newFrame
                                    }
                            }
                        )
                }
            }
            .padding()
            .onAppear {
                // 初始化数组长度
                itemFrames = Array(repeating: .zero, count: gridItems.count)
            }
            // 添加点击手势
            .gesture(
                TapGesture()
                    .onEnded { gestureValue in
                        let tapLocation = gestureValue.location
                        // 找到包含点击位置的item索引
                        if let tappedIndex = itemFrames.firstIndex(where: { $0.contains(tapLocation) }) {
                            print("点击了第 \(gridItems[tappedIndex]) 个item")
                        }
                    }
            )
        }
    }
}

注意事项 #

• LazyVGrid是懒加载组件，只有当item出现在屏幕上时才会触发onAppear更新frame，离开屏幕的item可能会被回收，frame值可能失效，但手势一般只作用于当前可见区域，所以影响不大。
• 如果布局存在动态变化（比如横屏切换、列数调整），onChange会自动更新对应的frame，保证位置数据准确。

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