NavigationLink 内的 SwiftUI 按钮

我有一个列表项的视图，它显示有关嵌入到 navigationLink 中的任务的一些基本信息。

我想使用 navigationLink 中的按钮进行切换task.isComplete没有进行任何导航。

到目前为止，这是我的代码：

var body: some View {
        NavigationLink(destination: TaskDetailView()) {
            HStack {
                RoundedRectangle(cornerRadius: 5)
                    .frame(width: 15)
                    .foregroundColor(getColor(task: task))
                VStack {
                    Text(task.name!)
                        .font(.headline)
                    Spacer()
                }
                Spacer()
                Button(action: {
                    self.task.isComplete.toggle()
                }) {
                    if task.isComplete == true {
                        Image(systemName: "checkmark.circle.fill")
                    } else {
                        Image(systemName: "circle")
                    }
                }
                .foregroundColor(getColor(task: task))
                .font(.system(size: 22))
            }
        }
    }

目前，不会执行按钮操作，因为只要按下按钮，navigationLink 就会将您带到目标视图。我尝试将按钮放在 navigationLink 之外 - 这允许操作发生，但导航仍然发生。

有没有办法让这成为可能？

Thanks.

要达到您想要的结果，您必须使用其他内容与 .onTapGesture 处理程序而不是 NavigationLink 上的按钮。下面的例子对我有用。

尝试替换：

Button(action: {
    self.task.isComplete.toggle()
}) {
    if task.isComplete == true {
        Image(systemName: "checkmark.circle.fill")
    } else {
        Image(systemName: "circle")
    }
}

with:

Image(systemName: task.isComplete ? "checkmark.circle.fill" : "circle")
    .onTapGesture { self.task.isComplete.toggle() }