SwiftUI拖拽元素释放后无法再次拖拽，求问题排查方案

你的问题出在没有处理拖拽结束后的偏移保存，且直接将视图偏移绑定到手势的translation上：

• 手势的translation是相对于拖拽起始点的实时偏移，释放拖拽后这个值不会被保留。下次拖拽时，translation会重新从0开始计算，导致视图瞬间跳回初始位置，你误以为无法再次拖拽，实际上是交互区域已经不在你看到的位置了。

解决方案 #

把偏移拆分为两个状态变量：

• totalOffset：保存拖拽结束后视图的最终偏移位置
• tempOffset：记录当前拖拽过程中的实时临时偏移

修改后的代码如下：

import SwiftUI

struct ContentView: View {
    // 保存已确认的总偏移
    @State private var totalOffset = CGSize.zero
    // 记录当前拖拽的临时偏移
    @State private var tempOffset = CGSize.zero
    
    var body: some View {
        ZStack {
            Color.red
            HStack {
                Group {
                    Image(systemName: "globe")
                        .imageScale(.large)
                        .foregroundStyle(Color.black)
                    
                    Image(systemName: "globe")
                        .imageScale(.large)
                        .foregroundStyle(Color.yellow)
                    
                    Image(systemName: "globe")
                        .imageScale(.large)
                        .foregroundStyle(Color.blue)
                }
                .font(.system(size: 40))
                .padding(.horizontal, 10)
                .padding(.vertical, 5)

            }
            .background(
                RoundedRectangle(cornerSize: CGSize(width: 50,height: 50))
                    .fill(.white)
            )
            // 总偏移 = 已保存的偏移 + 当前临时拖拽偏移
            .offset(x: totalOffset.width + tempOffset.width, y: totalOffset.height + tempOffset.height)
            .contentShape(Rectangle())
            .gesture(
                DragGesture()
                    .onChanged { gesture in
                        // 拖拽过程中更新临时偏移
                        tempOffset = gesture.translation
                    }
                    .onEnded { gesture in
                        // 拖拽结束后，将临时偏移合并到总偏移
                        totalOffset.width += gesture.translation.width
                        totalOffset.height += gesture.translation.height
                        // 重置临时偏移
                        tempOffset = .zero
                    }
            )
            .padding()
        }
    }
}

#Preview {
    ContentView()
}

关键说明 #

1. 拖拽过程中，tempOffset跟随手势的translation实时更新，视图基于totalOffset + tempOffset显示，保证拖拽时的实时反馈。
2. 拖拽结束时，把本次拖拽的偏移合并到totalOffset，并重置tempOffset，这样下次拖拽会基于当前停留的位置继续移动，不会跳回初始点。

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