SwiftUI：如何区分包含Button的大区域内的点击手势？

你的问题是因为手势传递优先级和交互控件的事件逻辑冲突导致的：父视图HStack的onTapGesture会捕获子视图（Button和Text）的点击事件，同时List行的默认交互也干扰了事件传递，最终触发逻辑完全混乱。

下面是两种可行的解决方法：

方案一：外层Button包裹整行，内层Button用Plain样式 #

这是最简洁的实现方式，利用SwiftUI Button的事件拦截特性——内层Button设置为plain样式后，点击它只会触发自身的action，不会传递到外层Button；点击行内其他区域（包括文本）则触发外层Button的rowAction，同时还能保留List行的默认点击高亮效果。

List {
    ForEach(items) { item in
        // 整行点击触发rowAction
        Button(action: rowAction) {
            HStack {
                // 左侧按钮点击触发buttonAction
                Button(action: buttonAction) {
                    Image(systemName: "circle.fill")
                }
                .buttonStyle(.plain) // 移除默认Button样式，避免影响布局和事件传递
                Text("Row Title")
            }
        }
    }
}

方案二：给左侧Button添加高优先级手势 #

如果不需要外层Button带来的行默认样式，可以给左侧Button添加高优先级手势，确保它的点击事件优先被处理，不会被父视图的onTapGesture捕获。

List {
    ForEach(items) { item in
        HStack {
            Button {
                buttonAction()
            } label: {
                Image(systemName: "circle.fill")
            }
            .highPriorityGesture(TapGesture()) // 强制Button手势优先响应
            Text("Row Title")
        }
        .onTapGesture {
            rowAction()
        }
    }
}

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