SwiftUI：如何让List列表项的剩余空白区域可响应点击事件

你遇到的点击区域失效问题本质是SwiftUI默认不会识别视图的透明区域为手势响应范围，只需要在自定义HStack的修饰符末尾添加contentShape(Rectangle())，强制将整个HStack的frame区域标记为可点击范围即可，修改后的代码如下：

HStack {
    Image(systemName: "house")
    Text("some text...")
    Spacer()
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.contentShape(Rectangle()) // 新增该行修饰符

添加后整个列表行的区域都会响应你绑定的onTapGesture回调。

你当前的实现其实多做了不必要的手势绑定，既然你已经给List绑定了$selection属性，直接监听selection的变化来处理跳转逻辑才是系统原生推荐的方案，可以完全避免点击区域、手势冲突等问题：

1. 首先确保你的导航Item模型遵循Hashable协议（List的selection绑定要求元素符合该协议）
2. 移除每个列表行上绑定的onTapGesture，改为监听selection的变化，参考代码如下：

List (selection: $selection) {
    ForEach(items, id:\.id) { item in
        getNavButton(navItem: item)
    }
}
.onChange(of: selection) { newValue in
    guard let selectedItem = newValue else { return }
    // 在此处根据selectedItem处理对应视图的跳转逻辑
}

该方案完全贴合List的原生交互逻辑，不管是点击行任意位置、用键盘上下键切换选中，都会正常触发回调，兼容所有系统默认的列表交互行为。

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