More than 1 year has passed since last update.

【SwiftUI】Gestureの検知できる領域について

Last updated at 2023-11-03Posted at 2023-11-02

DragGestureやonTapGestureといったGestureを使用して、スワイプ検知であったり、TextFieldのフォーカス解除といった場面で、画面全体を検知できる方法を調べてみました。

どういった場合に機能しないのか

VStackに記述したら全体に反映されると思いきや、VStack内のViewのサイズしか反応しませんでした。VStackの大きさを指定していないので、Textの大きさの中でしか検知できません。

VStack {
    Text("SecondView")
}
.navigationBackButton()
.edgeSwipe()

VStackの大きさを指定して、.contentShape()を指定してあげると画面全体で検知できるようになります。

VStack {
    Text("SecondView")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.contentShape(Rectangle())
.navigationBackButton()
.edgeSwipe()

透明なViewを背景にすれば大丈夫かと思えばそうでもなかったみたいです。しかしclearではなく色をつけると反応するようになります。SwiftUIでは透明のViewに対しては反応しないようになっています。

ZStack {
    Color.clear
    Text("SecondView")
}
.navigationBackButton()
.edgeSwipe()

Color.clearに対して、contentShapeをつけることで正しく動作します。

ZStack {
    Color.clear
        .contentShape(Rectangle())
    Text("SecondView")
}
.navigationBackButton()
.edgeSwipe()

たったのcontentShapeひとつだけで変わるので忘れないようにしたいです。記事を投稿してすぐにコメント下さった方に感謝します。