带有 NavigationLink 和按钮的 SwiftUI 列表

Question

我有一个计数器列表 - 列表中的每个元素都是一个带有数字和加/减按钮的计数器，用户可以单击以增加或减少计数器。现在我添加了一个 NavigationLink，以便用户可以转到每个计数器的详细视图。现在的问题是，无论您在哪里单击列表，详细视图总是会被推送 - 即使您单击其中一个按钮（计数器增加，然后详细视图会通过 NavigationLink 推送） - 我只想在用户使用 NavigationLink 时使用单击数字或其他位置，但如果用户单击按钮，当然不会。如何才能做到这一点？

NavigationView {
        List {
            ForEach(counters, id: \.self) { counter in
                NavigationLink(destination: SingleCounterView(currentCounter: counter)) {
                    CounterCell(counter: counter)
                }
            }
        }
        .buttonStyle(PlainButtonStyle())
        .listStyle(GroupedListStyle())
}

Answer 1

我做了这个测试，在 NavigationView 中显示带有加号和减号按钮的 CounterCell。如果您点击按钮，计数器就会递增；如果您点击 V 形或按钮外部，则会出现目的地。

@State var counters = ["a","b","c"]

var body: some View {
    NavigationView {
        List {
            ForEach(counters, id: \.self) { counter in
                NavigationLink(destination: Text(counter)) {
                    CounterCell(counter: counter)
                }
            }
        }
        .buttonStyle(PlainButtonStyle())
        .listStyle(GroupedListStyle())
    }.navigationViewStyle(StackNavigationViewStyle())
}

struct CounterCell: View {

@State var counter: String
@State var inc = 0

var body: some View {
    HStack {
        Button(action: { self.inc += 1 }) {
            Text("plus")
        }
        Button(action: { self.inc -= 1 }) {
            Text("minus")
        }
        Text(" counter: \(counter) value: \(inc)")
    }
}
}