SwiftUI 的 List/ForEach 视图中是否可以有一个 Button(action: -)

Question

我想将Button(action: - 视图添加到其中包含ForEach 的列表视图中，其中包含NavigationLink。因此，用户可以查看具有Button(action: - 的列表的详细信息屏幕，但是如果用户不需要查看详细信息，则可以在列表中使用Button 进行选择。

List {
  ForEach(DATA, id: \.self { data in
    NavigationLink(destination: DetailView(data: data)) {
      HStack {
        Text(data.name)
        Button(action: {
           // add to an array
        }) {
             Text(data.price)
        }
      }
    }
  }
}

但是当我点击按钮时，总是会进入 DetailView

不确定是否可行。任何建议

Answer 1

这是可能的方法

List {
  ForEach(DATA, id: \.self { data in
    NavigationLink(destination: DetailView(data: data)) {
      HStack {
        Text(data.name)
        Button(action: {
           // add to an array
        }) {
             Text(data.price) // some padding might be useful
                .foregroundColor(Color.blue) // << can be any 
        }.buttonStyle(PlainButtonStyle())    // << here !!
      }
    }
  }
}