SwiftUI中DragGesture修改后出现卡顿（无限更新循环）问题

核心原因：手势偏移量与视图布局的循环依赖 #

DragGesture的translation值是基于手势起始时的视图边界计算的，代表触摸点相对于起始位置的偏移。当你把视图高度改为400 - viewState.height时，会形成一个无限循环的反馈链：

1. 当你向下拖动视图，viewState.height（即translation的y值）变为正数，视图高度被设置为400 - 正数，也就是高度缩小；同时offset(y: viewState.height/2)让视图向下偏移。
2. 视图的边界变化后，系统会重新计算DragGesture的translation——因为触摸点相对于新的视图边界的位置发生了变化，导致translation的值进一步变大。
3. 新的translation又会更新viewState，触发视图再次重绘，重复步骤1-2，最终形成无限的视图更新循环，直接导致CPU占用率拉满。

而原来的400 + viewState.height不会出问题，是因为视图高度随拖动方向扩展，边界变化不会反向影响translation的计算逻辑——视图变大的方向和拖动方向一致，触摸点相对于视图的位置不会出现反向偏移，因此不会触发循环更新。

解决方案：分离手势识别区域与可变布局视图 #

要避免这种循环，需要让DragGesture的识别区域固定，不受可变视图的布局影响。可以把手势附加在一个固定大小的透明容器上，让实际的可变视图作为它的overlay：

struct DragTest: View {
  @State var viewState = CGSize.zero

  var body: some View {
    // 固定大小的手势识别容器，不随视图变化
    Color.clear
      .frame(width: 300, height: 400)
      .overlay(
        RoundedRectangle(cornerRadius: 30)
          .fill(Color.blue)
          .frame(height: 400 - viewState.height)
          .offset(x: 0, y: viewState.height / 2)
      )
      .gesture(
        DragGesture()
          .onChanged { value in
            viewState = value.translation
          }
          .onEnded { _ in
            withAnimation(.spring()) {
              viewState = .zero
            }
          }
      )
  }
}

这样，DragGesture的translation始终基于固定容器的起始位置计算，不会被可变视图的布局变化干扰，彻底打破循环依赖。

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