In a grid View, here a LazyVGrid, I understand that to make a row "tappable" one should add the .contentShape() modifier with a Rectangle() shape:
LazyVGrid(columns: [GridItem(.flexible()), GridItem(.flexible())]) {
Text("first column")
Text("second column")
// potentially many columns
}
//.overlay(content: { Rectangle().fill() })
.contentShape(Rectangle())
.onTapGesture {
print("row tapped")
}
However, while the space in the row is now tappable, clicking on the text is not recognized as a tap. The text is selectable for copying because I have .textSelection(.enabled) on its container.
Is there a way to make the text tappable as well?
And can that be achieved while allowing it to still be selectable?
- I have found that using an
overlaywith a filled Rectangle works, but not if thefillisColor.clear. - I saw an idea to
fillwith UIColor of System background, but I would rather not import UIKit. - I saw the idea of using a fill with
opacityso little that it was not apparent to the user. Is that really the only way to do it? (Also the text is no longer selectable.)