SwiftUI列表行单点/双击手势的优化实现方案咨询

核心方案：复用List原生逻辑，监听行点击事件 #

要避免手动重写List功能带来的bug，直接利用原生选中机制结合手势监听即可解决你的问题：

1. 同步原生选中状态 #

用@State或@Binding维护选中行ID，给List绑定selection参数，点击手势时同步选中状态，无需手动设置行选中样式：

@State private var selectedRow: String? = nil

List(items, id: \.id, selection: $selectedRow) { item in
    ListRowView(item: item)
        .onTapGesture(count: 1) {
            selectedRow = item.id // 自动同步原生选中状态
            // 执行单点逻辑
        }
}

2. 修复行内容填充与点击区域 #

不要用负边距，给行视图设置填充整行的frame，配合listRowInsets实现无间隙填充：

struct ListRowView: View {
    let item: Item
    var body: some View {
        HStack {
            Text(item.title)
            Spacer()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity) // 填充整行宽高
        .listRowInsets(EdgeInsets()) // 移除默认内边距
    }
}

这样行内容会完全覆盖List行区域，点击任何位置都会触发手势，不会出现边框外区域不响应的问题。

3. 自定义选中行样式 #

如果默认未聚焦时选中颜色太淡，直接通过listRowBackground自定义选中背景：

ListRowView(item: item)
    .listRowBackground(selectedRow == item.id ? Color.accentColor.opacity(0.3) : Color.clear)
    // 绑定手势等其他设置

不管列表是否聚焦，选中行的样式都会保持一致。

4. 区分单点与双击手势 #

双击会触发两次单点，用手势组合来优先级区分：

let singleTap = TapGesture(count: 1).onEnded {
    selectedRow = item.id
    // 单点逻辑
}
let doubleTap = TapGesture(count: 2).onEnded {
    // 双击逻辑
}

ListRowView(item: item)
    .gesture(doubleTap.simultaneously(with: singleTap))

NavigationLink的触发机制 #

NavigationLink能全局响应点击和键盘导航，是因为它是SwiftUI原生导航控件，内置了List交互绑定：

• 点击响应：NavigationLink会自动占据整个List行的交互区域，List原生事件系统会直接把行点击事件传递给它，无需额外手势。
• 键盘导航：SwiftUI List默认支持键盘聚焦（macOS/TVOS场景），NavigationLink会自动注册为可聚焦控件，当键盘选中行时，会触发内置的跳转逻辑。
• 本质上它通过绑定导航栈path或isActive参数控制跳转，同时List原生交互体系自动关联了行的点击、聚焦事件到跳转逻辑，无需手动处理。

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