如何解决SwiftUI中ScrollView与自定义Gesture手势冲突问题

ScrollView自带的滚动手势默认优先级高于外部添加的自定义手势，系统优先响应滚动逻辑时会导致自定义手势onChanged偶发、onEnded无法触发，可通过以下方案解决：

• 方案1：调整手势识别优先级+允许同时识别
  如果需要ScrollView滚动和自定义手势同时响应，在添加simultaneousGesture时指定including: .all参数，让系统允许两个手势同时触发，同时可以给自定义DragGesture设置最小拖动阈值，避免误触：

  import SwiftUI
  
  struct ContentView: View {
    var body: some View {
      ScrollView {
        VStack {
          ForEach(0..<100) { i in
            Text("\(i)")
          }
        }
      }
      // 加上including参数，允许同时识别两个手势
      .simultaneousGesture(
        gestureA,
        including: .all
      )
    }
  
    var gestureA: some Gesture {
      // 可以按需设置最小拖动距离，设置为0就会第一时间响应手势
      DragGesture(minimumDistance: 0, coordinateSpace: .global)
      .onChanged { value in
        print("A onChanged:\(value)")
      }
      .onEnded { value in
        print("A onEnded:\(value)")
      }
    }
  }
  

  如果不需要ScrollView在自定义手势触发时滚动，可以把simultaneousGesture换成highPriorityGesture，系统会优先响应自定义手势，等自定义手势结束后再判断要不要响应ScrollView滚动。

• 方案2：桥接UIScrollView实现自定义配置
  如果以上方案满足不了复杂动画需求，可以用UIViewRepresentable桥接UIScrollView，针对UIScrollView的所有手势管理逻辑都可以直接使用，灵活度更高，不会受SwiftUI封装的限制。

• 方案3：临时禁用ScrollView滚动
  特定场景下如果需要完全接管手势，可以给ScrollView绑定一个isScrollEnabled变量，在自定义手势触发的onChanged阶段禁用滚动，手势结束后再恢复：

  @State private var isScrollEnabled = true
  
  var body: some View {
    ScrollView(isScrollEnabled: $isScrollEnabled) {
      // 列表内容
    }
    .simultaneousGesture(
      DragGesture()
        .onChanged { _ in
          isScrollEnabled = false
          // 自定义动画逻辑
        }
        .onEnded { _ in
          isScrollEnabled = true
          // 手势收尾逻辑
        }
    )
  }
  

内容的提问来源于stack exchange，提问作者shingo.nakanishi