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 作为替代解决方案

SwiftUI：如何使列表视图中的图像与列表项的操作不同？

SwiftUI: how to have image in list view not have same action as list item?

swiftui

swiftui-list

swiftui-navigationview