在SwiftUI的LazyVGrid中显示提示视图

我在滚动视图中的懒虫网格中有很多按钮。我试图在我点击的按钮顶部显示一个提示视图（就像键盘弹出窗口一样）。我不知道如何捕捉滚动视图按钮的位置。此外，还需要帮助选择合适的手势来完成任务

图形表示法

这是我的密码：

struct ShowHint: View {
    
    @State var isPressed: Bool = false
    var columns: [GridItem] = Array(repeating: .init(.flexible()), count: 5)
    
    var body: some View {
    
        ZStack{
            
            if isPressed {
                ShowOnTopOfButton().zIndex(1)
            }
            
            ScrollView(showsIndicators: false) {
                LazyVGrid(columns: columns, spacing: 30) {
                    ForEach(0..<500) { i in
                        Text("\(i)")
                            .padding(.vertical, 10)
                            .frame(maxWidth: .infinity)
                            .background(Color.red.opacity( isPressed ? 0.5 : 0.9))
                            .gesture(TapGesture()
                                        //.onStart { _ in isPressed = true } //but there is no property like this!
                                        .onEnded { _ in isPressed = !isPressed }
                            )
                    }
                }
            }
            .padding(.top, 50)
            .padding(.horizontal, 10)
        }
    }
}


struct ShowOnTopOfButton: View {
    
    var theS: String = "A"
    var body: some View {
        VStack {
            Text("\(theS)")
                .padding(20)
                .background(Color.blue)
        }
    }
}

struct ShowHint:View{
@显示的状态变量：Bool=false
变量列：[GridItem]=数组（重复：.init（.flexible（）），计数：5）
var body：一些观点{
ZStack{
如果是{
ShowOnTopOfButton（）.zIndex（1）
}
滚动视图（显示指示器：false）{
LazyVGrid（列：列，间距：30）{
ForEach（0..这里是一个可能的解决方案-其思想是将提示视图显示为被点击元素的覆盖

使用Xcode 12/iOS 14进行测试


struct ShowHint:View{
@已按下状态变量：Int=-1
变量列：[GridItem]=数组（重复：.init（.flexible（）），计数：5）
var body：一些观点{
ZStack{
滚动视图（显示指示器：false）{
LazyVGrid（列：列，间距：30）{
ForEach（0..您做了一个很好的调整。实际上，我想在点击开始时显示提示视图，点击结束时消失。但我很失望，因为TapSirture中没有启动事件！这是另一个问题，但为此，您需要使用中的
DragGesture
，并在onChanged中激活提示，在OnEnd中停用提示。
struct ShowHint: View {

    @State var pressed: Int = -1
    var columns: [GridItem] = Array(repeating: .init(.flexible()), count: 5)

    var body: some View {

        ZStack{

            ScrollView(showsIndicators: false) {
                LazyVGrid(columns: columns, spacing: 30) {
                    ForEach(0..<500) { i in
                        Text("\(i)")
                            .padding(.vertical, 10)
                            .frame(maxWidth: .infinity)
                            .background(Color.red.opacity( pressed == i ? 0.5 : 0.9))
                            .gesture(TapGesture()
                                .onEnded { _ in pressed = pressed == i ? -1 : i }
                            )
                            .overlay(Group {
                                if pressed == i {
                                    ShowOnTopOfButton()
                                        .allowsHitTesting(false)
                                }}
                            )
                    }
                }
            }
            .padding(.top, 50)
            .padding(.horizontal, 10)
        }
    }
}