Как щелкнуть по элементам в разделе списка с помощью scrollview, чтобы перейти на страницу с подробностями SwiftUI

Question

Существует список, в котором есть разделы, и каждый раздел содержит элементы, помещенные в горизонтальный вид прокрутки, при попытке перейти к странице подробностей с помощью NavigationLink, все элементы выбираются, я хочу выбрать отдельный элемент, чтобы перейти к странице сведений,Вот мой кодКогда я нажимаю на список, он открывается несколько раз. Я хочу, чтобы открывался только выбранный элемент

let menu = Bundle.main.decode([ItemSection].self, from: "abc.json")
var body: some View {
   List(menu) { sections in
       VStack(alignment: .leading){
           Text(sections.name)
           HStack{
               ScrollView(.horizontal, showsIndicators: false) {
                   Section {
                       HStack{
                           ForEach(sections.items){ allItems in
                               NavigationLink(destination: DetailView()){
                                   ItemsTab(item: allItems)
                               }
                           }
                       }
                   }
               }
           }
       }
   }
}

struct ItemTab: View {

var items: Items
var body: some View {
    VStack{
        Image("name")
            .resizable()
        .cornerRadius(3)
            .frame(width: 180, height: 180)
        Text(items.name)
              .foregroundColor( Color(red: 0 / 255, green: 38 / 255, blue: 107 / 255))
            .font(.headline)
    }
    .padding(.top)
    .padding(.bottom)
    .padding(.leading, 5)
    .padding(.trailing,5)
}

} На изображении показан вывод приведенного выше кода, в нем есть список с разделом и в каждом разделе есть горизонтальная прокрутка, я хочу выбрать элементы по отдельности

Answer 1

Я воспроизвел ваш код локально, и я считаю, что вы пропустили NavigationView из списка. Обязательно оберните список в NavigationView следующим образом:

NavigationView { // <-- Be sure to add this
  List(menu) { sections in
     VStack {
         /*...*/
     }
  }
}