#課題
ビューやパスに対して Color.clear や opacity(0) を設定した場合
タッチジェスチャーなどが反応しなくなります。
Rectangle()
.fill(Color.clear) // or .fill(Color.red.opacity(0))
.frame(width: 100, height: 100)
.onTapGesture {
print("On tap") // 呼ばれない
}
#解決法
「.contentShape(Rectangle())」 を追加
Rectangle()
.fill(Color.clear) // or .fill(Color.red.opacity(0))
.frame(width: 100, height: 100)
.contentShape(Rectangle())
.onTapGesture {
print("On tap") // 呼ばれる
}
###VStack / HStack / ZStack に関しても同様
ZStack{}
.frame(width: 100, height: 100)
.contentShape(Rectangle())
.onTapGesture {
print("On tap") // 呼ばれる
}