Swiftui HStack NavigationLink处于可点击区域较小的形状

我希望能够在此表单中点击整行以导航到下一个视图；我做错了什么？它只允许我在点击末尾的符号时导航。 这段代码应该在模拟器中编译和运行。 谢谢

复制-粘贴-运行

import SwiftUI

struct ContentView: View {
    let selectedTags = ["A", "B", "C"]
    @State var active = false
    var body: some View {
        NavigationView {
            Form {
                NavigationLink( destination: DetailView(), isActive: $active) {
                    ScrollView(.horizontal) {
                        HStack {
                            ForEach(selectedTags, id: \.self) { tag in
                                Text(tag)
                            }
                        }
                    }.onTapGesture {
                        self.active.toggle()
                    }
                }
            }
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Welcome")
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

---

非常好，谢谢！有没有办法在点击时使行变灰一点，比如选择典型的列表行？

import SwiftUI

struct ContentView: View {
    let selectedTags = ["A", "B", "C"]
    @State var active = false
    var body: some View {
        NavigationView {
            Form {
                NavigationLink( destination: DetailView(), isActive: $active) {
                    ScrollView(.horizontal) {
                        HStack {
                            ForEach(selectedTags, id: \.self) { tag in
                                Text(tag)
                            }
                        }
                    }.onTapGesture {
                        self.active.toggle()
                    }
                }
            }
        }
    }
}

struct DetailView: View {
    var body: some View {
        Text("Welcome")
    }
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}