SwiftUI拖拽轮播视图时禁用按钮点击手势

要实现拖拽轮播过程中禁用卡片按钮的需求，核心思路是通过状态变量追踪拖拽状态，再将该状态传递给卡片视图以控制按钮的可用性。具体实现步骤如下：

1. 添加拖拽状态追踪变量
   在你的轮播视图结构体中，新增一个@State变量标记当前是否处于拖拽状态：

@State private var isDragging = false

2. 更新拖拽手势的状态回调
   修改DragGesture的回调方法，在拖拽开始/进行时将isDragging设为true，拖拽结束后重置为false：

.gesture(
    DragGesture()
        .updating($offset, body: { value, out, _ in
            out = value.translation.width
            isDragging = true // 拖拽开始，标记为正在拖拽
        })
        .onEnded({ value in
            offsetTop = 0
            calcDragVelocityProgress(progress: value.translation.width, velocity: value.velocity.width, width: width)
            animateIndex()
            isDragging = false // 拖拽结束，取消标记
        })
        .onChanged({ value in
            makeProgress(translationWidth: value.translation.width, width: width)
            offsetTop = min(paddingTop, ((abs(offset) * (paddingTop * 2)) / width))
            isDragging = true // 拖拽过程中保持标记
        })
)

3. 将拖拽状态传递给卡片视图
   调用cardView时，把isDragging作为参数传入：

ForEach(cards.indices, id: \.self) { i in
    cardView(card: cards[i], i: i, isDragging: isDragging)
}

4. 在卡片视图中控制按钮可用性
   修改cardView的定义，接收isDragging参数，然后给按钮设置disabled属性：

func cardView(card: CardType, i: Int, isDragging: Bool) -> some View {
    // 你的卡片布局代码
    Button(action: {
        // 按钮点击逻辑
    }) {
        Text("操作按钮")
    }
    .disabled(isDragging) // 拖拽时禁用按钮
}

这样设置后，用户拖拽轮播的整个过程中，卡片上的按钮会自动禁用，拖拽结束后立即恢复可点击状态。

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