SwiftUI List内按钮点击触发全部Action的异常问题求助

问题原因 #

这个问题的核心是List单元格的默认点击手势与Button手势冲突，加上闭包捕获机制的影响：

• List的Row默认自带全屏点击手势，点击Row内的Button时，Button手势与Row默认手势会同时触发。
• Button的action闭包隐含捕获了self（因为调用的是实例方法didSelect），而非直接捕获title。当List触发Row点击手势导致视图重绘时，闭包引用会意外触发所有Button的action逻辑。
• ScrollView没有默认的Row点击手势，不会触发额外视图重绘，因此不存在这个问题。

解决方案 #

以下是几种可行的修复方式：

1. 提升Button手势优先级，阻止手势传递

给Button添加高优先级手势，确保点击事件仅被Button处理，不传递给List的Row：

struct ToggleTextButton: View {
   var titles: [String]
   
   var body: some View {
     HStack {
       ForEach(titles, id: \.self) { title in
         Button(action: {
             didSelect(title)
         }) {
             Text(title)
                 .padding()
                 .background(.blue)
                 .foregroundColor(.white)
                 .clipShape(Capsule())
         }
         .buttonStyle(.plain) // 移除Button默认样式干扰
         .highPriorityGesture(TapGesture()) // 让Button手势优先响应
       }
     }
   }

   func didSelect(_ title: String) {
     print("Will select:", title)
   }
 }

2. 明确捕获title，避免闭包引用self

在action闭包中显式捕获title，切断对self的隐含引用，确保每个闭包只关联对应标题：

Button(action: { [title] in
    didSelect(title)
}) {
    Text(title)
        .padding()
        .background(.blue)
        .foregroundColor(.white)
        .clipShape(Capsule())
}

3. 禁用List Row的默认点击手势

使用ToggleTextButton时，给它添加空点击手势，覆盖List Row的默认点击行为：

List {
  ToggleTextButton(titles: ["A", "B", "C"])
    .onTapGesture {} // 空手势覆盖Row默认点击
  // 其他ToggleTextButton...
}

内容的提问来源于stack exchange，提问作者Matt