SwiftUI：如何让LazyVGrid行及文本可点击且保留文本选择？

要让LazyVGrid的整行（包括文本区域）可点击，同时保留文本的选择复制功能，这里有两种实用方案：

方案一：给每个文本添加同步手势 #

开启textSelection(.enabled)后，Text的内部手势优先级会盖过容器的点击手势，所以给每个Text绑定simultaneousGesture，让点击事件同时传递给容器的tap逻辑：

LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible())]) {
    Text("first column")
        .textSelection(.enabled)
        .simultaneousGesture(TapGesture().onEnded {
            print("row tapped")
        })
    Text("second column")
        .textSelection(.enabled)
        .simultaneousGesture(TapGesture().onEnded {
            print("row tapped")
        })
    // 其他列文本照此处理
}
.contentShape(Rectangle())
.onTapGesture {
    print("row tapped")
}

嫌重复代码麻烦的话，封装一个ViewModifier复用：

struct RowTapWithTextSelect: ViewModifier {
    let tapAction: () -> Void
    
    func body(content: Content) -> some View {
        content
            .textSelection(.enabled)
            .simultaneousGesture(TapGesture().onEnded(tapAction))
    }
}

// 调用示例
LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible())]) {
    Text("first column")
        .modifier(RowTapWithTextSelect { print("row tapped") })
    Text("second column")
        .modifier(RowTapWithTextSelect { print("row tapped") })
}
.contentShape(Rectangle())
.onTapGesture { print("row tapped") }

方案二：给容器添加高优先级手势（简化版） #

如果不想逐个处理Text，可以给LazyVGrid直接加highPriorityGesture，指定包含子视图手势：

LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible())]) {
    Text("first column")
    Text("second column")
}
.textSelection(.enabled)
.contentShape(Rectangle())
.highPriorityGesture(
    TapGesture().onEnded { print("row tapped") },
    including: .subviews
)

不过这个方案在某些场景下可能轻微影响文本选择的流畅度，优先推荐方案一。

为什么之前的尝试无效？ #

• Color.clear的overlay无法响应点击，因为SwiftUI中透明颜色的视图默认不参与手势识别；
• 低透明度填充会遮挡Text的选择交互，所以不可行；
• 导入UIKit的UIColor方案没必要，纯SwiftUI就能解决。

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