SwiftUI @GestureState重置时无动画问题如何解决

1. 拖拽场景下使用@State是否可靠？ #

仅靠onChanged、onEnded回调手动维护@State不可靠，你担心的状态残留问题一定会在边缘场景出现：

• 手势正常拖拽结束时会触发onEnded，此时手动重置状态不会出问题
• 但如果拖拽过程中出现手势中断：比如弹出系统通知、切后台、手势被更高优先级的交互（比如滚动视图拖拽、按钮点击）抢占、触摸意外离开识别区域，onEnded回调不会触发，此时@State会一直停留在true的状态，出现你想避免的状态残留。
  如果硬要用@State，你需要额外监听手势的取消事件、应用前后台状态、所有可能打断手势的系统事件，维护成本极高，很容易漏判场景。

2. @GestureState的设计适用场景 #

@GestureState就是为这类「状态仅在手势激活周期内有效、手势终止后必须回归初始值」的场景设计的，核心适用场景包括：

• 所有和手势生命周期严格绑定的临时UI状态：比如拖拽时的组件缩放、偏移、高亮效果，按压时的变色效果等
• 不想手动处理手势中断、取消、识别失败等所有边缘分支的重置逻辑，从根源上避免状态残留
• 多视图层级联动的手势状态同步：不需要手动在各个回调里逐层传递状态变更，系统会自动在手势周期内同步状态值

3. 解决@GestureState自动重置无动画的方案 #

你之前在updating回调里给transaction.animation赋值的写法不生效，是因为这个修改仅作用于手势激活过程中的状态变更，系统自动将属性重置为初始值时，不会走你自定义的transaction。
正确做法是直接给依赖isNavigating状态的视图绑定显式动画，只要状态值发生变化（不管是手势过程中修改，还是系统自动重置），都会自动套用对应动画，修正后的代码如下：

struct SomeView: View {
    @GestureState var isNavigating: Bool = false
    var body: some View {
        
        let dragGesture = DragGesture(minimumDistance: 0)
            .updating($isNavigating, body: { _, state, _ in
                // 不需要在这里修改transaction，直接更新状态即可
                state = true
            })
        
        VStack {
            Text("Hello World")
            if isNavigating {
                Text("Dragging")
            }
        }
        // 绑定状态变更动画，所有isNavigating的变化都会自动套用动画
        .animation(.default, value: isNavigating)
        .gesture(dragGesture)
    }
}

这个写法既保留了@GestureState自动重置、无状态残留的优势，也能让状态从true回到false的重置过程正常触发动画。

内容的提问来源于stack exchange，提问作者ambassador