CtrlK
BlogDocsLog inGet started
Tessl Logo

thiennc-tesoglobal/ios-skills

Community-maintained Agent Skills for complete Swift and Apple-platform app delivery.

72

Quality

90%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Medium

Suggest reviewing before use

Overview
Quality
Evals
Security
Files

SKILL.mdskills/swiftui-gestures/

name:
swiftui-gestures
description:
Builds or reviews SwiftUI tap, press, drag, magnify, and rotate interactions, including gesture composition, transient GestureState, custom gestures, and parent/child conflict resolution. Use for gesture recognition, arbitration, state, migration, or interaction bugs.

SwiftUI Gestures (iOS 26+)

Review, write, and fix SwiftUI gesture interactions. Apply modern gesture APIs with correct composition, state management, and conflict resolution using Swift 6.3 patterns.

Scope boundary: This skill owns SwiftUI gesture recognition, composition, gesture state, and gesture-specific accessibility alternatives. Broader SwiftUI architecture/state ownership belongs in swiftui-patterns; list, scroll, form, and control layout belongs in swiftui-layout-components; broad UIKit bridging belongs in swiftui-uikit-interop.

When correcting Apple API availability, deprecation, or behavior claims, cite the relevant Sosumi or official Apple documentation URL in the response.

Contents

  • Gesture Overview
  • Core Gestures
  • Gesture Composition
  • Transient vs Persisted State
  • Hierarchy and Precedence
  • Common Mistakes
  • Review Checklist
  • References

Gesture Overview

GestureTypeValueSince
TapGestureDiscreteVoidiOS 13
SpatialTapGestureDiscreteSpatialTapGesture.ValueiOS 16
LongPressGestureDiscreteBooliOS 13
DragGestureContinuousDragGesture.ValueiOS 13
MagnifyGestureContinuousMagnifyGesture.ValueiOS 17
RotateGestureContinuousRotateGesture.ValueiOS 17

Discrete gestures fire once (.onEnded). Continuous gestures stream updates (.onChanged, .onEnded, .updating).

Core Gestures

// Tap: Use Button for standard actions; reserve TapGesture for multi-tap or location tracking
Text("Double tap").onTapGesture(count: 2) { handleDoubleTap() }

// Long press with transient pressing feedback
@GestureState private var isPressing = false
Circle()
    .fill(isPressing ? .red : .blue)
    .gesture(
        LongPressGesture(minimumDuration: 0.8)
            .updating($isPressing) { current, state, _ in state = current }
            .onEnded { _ in triggerAction() }
    )

// Drag with translation tracking
@State private var offset: CGSize = .zero
RoundedRectangle(cornerRadius: 16)
    .offset(offset)
    .gesture(
        DragGesture(minimumDistance: 10, coordinateSpace: .local)
            .onChanged { value in offset = value.translation }
            .onEnded { _ in withAnimation(.spring) { offset = .zero } }
    )

// Magnify and Rotate (iOS 17+; replaces deprecated MagnificationGesture / RotationGesture)
MagnifyGesture().onChanged { value in currentScale = value.magnification }
RotateGesture().onChanged { value in currentAngle = value.rotation }

Gesture Composition

Combine gestures using the three composition operators:

  • .simultaneously(with:): Both gestures evaluate together (e.g. pinch-to-zoom + rotate).
  • .sequenced(before:): First gesture must succeed before second starts (e.g. long press before drag).
  • .exclusively(before:): Only one succeeds; first has precedence (e.g. double tap before long press).
let combined = MagnifyGesture()
    .simultaneously(with: RotateGesture())
    .onChanged { value in
        if let mag = value.first { currentScale = mag.magnification }
        if let rot = value.second { currentAngle = rot.rotation }
    }

Transient vs Persisted State

  • @GestureState: Automatically resets to initial value when gesture ends or cancels. Always use with .updating(&$state).
  • @State: Persists values between interactions. Update in .onChanged (keep lightweight) and .onEnded.
@GestureState private var dragOffset = CGSize.zero // resets on release
@State private var accumulatedOffset = CGSize.zero // persists across gestures

Hierarchy and Precedence

Control gesture arbitration across view hierarchy layers:

  • .gesture(_:): Lower precedence than child gestures.
  • .highPriorityGesture(_:): Parent gesture takes precedence over child gestures.
  • .simultaneousGesture(_:): Runs alongside child gestures without blocking them.
  • GestureMask: Pass to .gesture(g, including: mask) (.all, .gesture, .subviews, .none).

Common Mistakes

  • Using onTapGesture instead of Button: onTapGesture lacks VoiceOver accessibility traits, focus, and keyboard activation. Use Button with .buttonStyle(.plain) for custom visuals.
  • Using deprecated gesture names: Use MagnifyGesture and RotateGesture on iOS 17+, not MagnificationGesture or RotationGesture.
  • Heavy computation in onChanged: Keep onChanged closures frame-rate lightweight (60-120Hz). Defer heavy work or hit testing to .onEnded.
  • Missing visual feedback for LongPressGesture: Always pair long-press with @GestureState and .updating() to provide visual indication of press progress.
  • Assuming parent gestures override child gestures by default: Use .highPriorityGesture() explicitly when parent gestures should win.

Review Checklist

  • Correct modern gesture types used (MagnifyGesture / RotateGesture on iOS 17+)
  • Accessible Button preferred over onTapGesture for single-tap actionable controls
  • @GestureState used for transient offset/scale that resets automatically
  • Continuous onChanged updates are lightweight without allocations or heavy queries
  • Parent/child gesture conflicts resolved using .highPriorityGesture or .simultaneousGesture
  • Composed gestures correctly handle enum results (.first, .second)
  • Bounds clamped on persisted pinch/rotation values in .onEnded

References

  • Full recipes, pinch-zoom-pan, drag-to-reorder, and UIKit interop: references/gesture-patterns.md
  • Gesture protocol
  • TapGesture
  • LongPressGesture
  • DragGesture
  • DragGesture.Value.velocity
  • MagnifyGesture
  • RotateGesture
  • GestureState
  • Composing SwiftUI gestures
  • Adding interactivity with gestures

skills

swiftui-gestures

.mcp.json

README.md

tile.json