Swiftui 4's new function of real-time access to click location.Ontapgeture {location in} (tutorial with source code)

SwiftUI 4 Added support for tracking click locations , It is a kind of CGPoint type , It can provide us with the exact location of the click . By default , The location provided is from the local coordinate system of the view .

Let's create an example , We will create an orange circle , The circle will be animated to the click position .

struct TapGestureLocationExample: View {
    @State private var pos = CGPoint(x: 100, y: 100)
    var body: some View {
        VStack {
            Circle()
                .fill(Color.orange.gradient)
                .frame(width: 50)
                .position(pos)
            Spacer()
        }
        .background(Color.gray.opacity(0.3))
        .onTapGesture { location in
            withAnimation(Animation.easeOut(duration: 2)) {
                pos = location
            }
        } 
    }
}

We can use the following statement to specify the coordinate system ：

.onTapGesture(coordinateSpace: .global)

Let's update our code ：

struct TapGestureLocationExample: View {
    @State