SwiftUI:如何使列表视图中的图像和列表项没有相同的操作

Question

我在视图中有一个列表。在列表中，items被迭代以填充列表。当您单击每个列表项时，我希望导航到另一个视图
这按预期工作，但我希望每个列表项中都有一个由圆圈表示的Button，可以独立单击，而无需导航到第二个视图。现在，点击圆圈可以看到第二个视图。我怎样才能做到这一点？

var body: some View {
NavigationView {
List {
ForEach(items) { item in
NavigationLink(
destination: OtherView(name: "test"),
label: {
Text("Navigate")
})
HStack {
Image("1")
.resizable()
.frame(width: 32.0, height: 32.0)
Button(action: addItem) {
Label("Add Item", systemImage: "circle")
}
}
}
}
}
}

Answer 1

使用List无法执行此操作。您可以在ScrollView中使用VStack或LazyVStack作为替代解决方案