SwiftUI问题：点击列表行任意位置为何触发两个按钮事件？

问题原因 #

1. List行默认交互干扰：SwiftUI的List会为每行自动添加可点击交互，当自定义PlayerRowView直接作为行内容时，整个HStack会被行的默认交互包裹，点击行内任意区域（包括Text）都会触发默认交互，进而与Button的点击事件冲突，导致多个Button的action被误触发。
2. Player未正确实现Identifiable：如果Player类型的id不唯一或未遵循Identifiable协议，ForEach会错误复用视图，造成不同行的Button绑定的action混乱，点击时触发多个方法。
3. Button点击区域扩展：默认Button会尽可能扩展点击范围，若HStack无合理间距或约束，Button的点击区域可能覆盖其他组件，导致点击一个Button时触发多个action。

解决办法 #

1. 禁用List行的默认交互并隔离Button点击

给PlayerRowView的根视图添加配置，移除行默认背景和高亮，同时给Text添加空的点击手势拦截无效点击：

struct PlayerRowView: View {
    @EnvironmentObject var viewModel: ViewModel
    var player: Player
    
    var body: some View {
        HStack(alignment: .center, spacing: 16) {
            Button(action: { viewModel.shiftPlayerDown(player) }) {
                Label("", systemImage: "arrow.turn.left.down")
            }
            .buttonStyle(PlainButtonStyle()) // 限制Button点击区域为图标范围
            
            Text(player.name)
                .frame(width: 250, height: 40)
                .onTapGesture {} // 拦截Text区域的点击，避免触发行默认交互
            
            Button(action: { viewModel.removePlayerFromLineup(player) }) {
                Label("", systemImage: "minus.circle.fill")
            }
            .buttonStyle(PlainButtonStyle())
        }
        .listRowInsets(EdgeInsets(top: 0, leading: 8, bottom: 0, trailing: 8))
        .listRowBackground(Color.clear) // 移除行默认背景高亮
    }
}

2. 确保Player正确遵循Identifiable协议

保证每个球员的id唯一，避免视图复用错误：

struct Player: Identifiable {
    let id = UUID() // 用UUID生成唯一id
    var name: String
    // 其他属性
}

如果使用自定义id（如Int），必须确保每个球员的id不重复。

3. 检查ViewModel方法的正确性

确认shiftPlayerDown(_:)和removePlayerFromLineup(_:)方法能正确区分传入的player参数，若Player是引用类型（class），要保证每个实例都是独立的，避免因引用相同对象导致操作混乱。

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