[SwiftUI]ImageView(画像)にタップ処理を加えるには？

どうも、ちょげ(@chogetarou)です。

Imageにタップした時の処理を追加する方法を紹介します。

方法

Imageにタップ処理を追加するには、onTapGesture修飾子を使います。

まず、ImageにonTapGesture修飾子を付与します。

そして、onTapGesture修飾子のクロージャーにタップ処理を指定します。

Image(・・・)
     .onTapGesture {
        //タップ処理
     }

Imageをタップすると、onTapGestureのクロージャの処理が実行されます。

使用例

struct ContentView: View {
    @State var count = 0
    var body: some View {
        VStack {
            Text("\(count)")
                .font(.title)
            Image("DogPhoto")
                .resizable()
                .scaledToFit()
                .onTapGesture {
                    print("Tap!")
                    self.count += 1
                }
        }
    }
}