SwiftUI中List单元格非文本区点击无法触发onTapGesture的解决咨询

你遇到的问题是因为默认情况下，SwiftUI的点击手势只会响应视图的实际可交互区域（也就是Text所在的范围），哪怕你给父视图设置了全屏frame，空白区域也不会被标记为可点击区域。解决这个问题很简单，只需要给单元格内容添加contentShape(Rectangle())，让点击区域扩展到整个frame即可。

修改后的代码如下：

List(viewModel.cities, id: \.self, selection: $selection) { city in
    VStack {
        Text(city)
            .frame(maxWidth: .infinity, alignment: .leading)
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
    .contentShape(Rectangle()) // 关键：让整个frame范围成为可点击区域
    .onTapGesture {
        if isFocusedFromTextField {
            from = city
        } else {
            to = city
        }
    }
}

补充说明： #

• contentShape(Rectangle())会把当前视图的整个可见frame都设置为交互区域，不管里面的子视图实际占多大空间，点击空白区域也能触发手势。
• 如果你的单元格有更复杂的布局，也可以用其他形状（比如RoundedRectangle）来定义点击区域，按需调整即可。

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