當視圖位於 ScrollView 內時，onTapGesture 不起作用？

Question

我有簡單的看法。

var body: some View {
    NavigationView {
        ZStack {
            ScrollView {
                GeometryReader { geometry in
                    CardView(geometry: geometry)
                    .onTapGesture {
                            print("Tapped")
                        }
                }
            .padding()
            }
        }
    }

當我點擊卡片時，什么都沒有打印出來。 但是，例如，如果我將scrollView更改為VStack ，我會Tapped在控制台上被點擊。 怎么了？ 如何在滾動視圖內的卡片上實現點擊手勢？

Answer 1

您的問題可能出在 GeometryReader 上，請嘗試將其移至 scrollView 上方而不是內部

var body: some View {
        NavigationView {
            ZStack {
                Color("light_blue_grey")
                    .edgesIgnoringSafeArea(.all)
                GeometryReader { geometry in
                    ScrollView {
                        Rectangle()
                            .foregroundColor(.blue)
                            .frame(width: geometry.size.width, height: 100)
                            .onTapGesture {
                                print("Tapped!")
                        }
                        
                    }
                    .padding()
                }
            }
        }
    }