Gavin Wiggins

About  /  Notes  /  Photos

View Tap Gesture

Written on November 13, 2022

---

Use a view's tap gesture modifier to perform an action when the view is tapped (clicked). The count parameter defines how many taps (or clicks) are needed to perform the action.

import SwiftUI

struct ContentView: View {

    @State private var onetap = 0
    @State private var twotaps = 0

    var body: some View {
        VStack {
            Rectangle()
                .fill(.cyan)
                .frame(width: 200, height: 200)
                .onTapGesture(count: 2) {
                    twotaps += 1
                }
                .onTapGesture {
                    onetap += 1
                }
            Text("Tap or click inside the blue square")
            Text("One tap = \(onetap)")
            Text("Two taps = \(twotaps)")
        }
        .frame(width: 400, height: 300)
    }
}