列表中的第一项始终被选中

我有一个项目列表，我希望能够导航到详细信息视图。但是，列表中的第一个元素始终传递给此视图，这可能是什么问题？

struct ContentView: View {
    var array: [Object] = [Object(id: .init(),property: 1),Object(id: .init(),property: 2),Object(id: .init(),property: 3)]
    
    @State var showAlert = false
    @State var showDetailsView = false
    
    
    var body: some View {
        NavigationView{
            List{
                ForEach(array){ item in
                    VStack{
                        Text(String(item.property))
                    }.onTapGesture(){ self.showAlert.toggle()}
                    .alert(isPresented: $showAlert){
                        Alert(title: Text("show details view?"), message: Text(""),
                              primaryButton: .default (Text("Show")) {
                                showDetailsView.toggle()
                              },
                              secondaryButton: .cancel()
                        )
                    }
                    .fullScreenCover(isPresented: $showDetailsView){ DetailsView(property: item.property) }
                }
            }
        }
    }
}

struct Object: Identifiable {
    let id: UUID
    var property: Int
}

struct DetailsView: View {
    var property: Int?
    
    var body: some View {
        Text(String(property!))
    }
}

无论我选择列表中的哪一项，我都会得到这个结果：

在这种情况下，我们可以传递点击的项目，例如接力棒ForEach to Alert to FullScreen to Details。当然，我们应该将相应的修饰符移出循环，它们不需要应用于每一行。

这是修改后的代码。使用 Xcode 12.1 / iOS 14.1 进行测试。

struct ContentView: View {
    var array: [Object] = [Object(id: .init(),property: 1),Object(id: .init(),property: 2),Object(id: .init(),property: 3)]
    
    @State var alertItem: Object?
    @State var selectedItem: Object?
    
    
    var body: some View {
        NavigationView{
            List{
                ForEach(array){ item in
                    VStack{
                        Text(String(item.property))
                    }.onTapGesture(){ self.alertItem = item}
                }
            }
              .alert(item: $alertItem) { item in
                    Alert(title: Text("show details view?"), message: Text(""),
                            primaryButton: .default (Text("Show")) {
                              selectedItem = item
                            },
                            secondaryButton: .cancel()
                    )
              }
              .fullScreenCover(item: $selectedItem){ DetailsView(property: $0.property) }
        }
    }
}