问题描述
我在视图中有一个列表。在列表中,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")
}
}
}
}
}
}
解决方法
您不能使用 List
执行此操作。您可以在 VStack
中使用 LazyVStack
或 ScrollView
作为替代解决方案