I've created a little demo of this. I have two sections, each of which have two rows. Each row has a navigation link to different text. When I click on a row in Section 1, both rows within that section fire and I get two navigation transitions. It's the same with rows in Section 2. The code is below. Each row should fire individually, not as a group.
struct NavLink : View {
var body: some View {
NavigationView {
List {
Section (header: Text("Section Header 1").font(.headline)) {
VStack (alignment: .leading) {
HStack {
NavigationLink(destination: Text("This will go to view 1.")) {
Text("Text1: ")
.bold()
Text("More text 1")
}
}
Divider()
HStack {
NavigationLink(destination: Text("This will This will go to view 2.")) {
Text("Text2: ")
.bold()
Text("More text 2")
}
}
}
}
Section (header: Text("Section Header 2").font(.headline)) {
VStack (alignment: .leading) {
HStack {
NavigationLink(destination: Text("This will go to view 3.")) {
Text("Text3: ")
.bold()
Text("More text 3")
}
}
Divider()
HStack {
NavigationLink(destination: Text("This will go to view 4.")) {
Text("Text4: ")
.bold()
Text("More text 4")
}
}
}
}
}
.navigationBarTitle(Text("NavLink Demo"), displayMode: .automatic)
.listStyle(.grouped)
}
}
}
