SwiftUI条件视图修饰符偶发不更新问题求助

你的核心问题在于：卡片的offset是每个StudyCardItemView内部的@State变量，当前的resetCards修饰符无法触达这些内部状态；同时isDone被设为true后立刻被.onChange设回false，视图可能还没完成重置逻辑就已经失去了触发条件。

以下是具体修复方案：

1. 重构ViewModel的重置触发逻辑 #

修改StudyListViewModel，添加一个专门的重置触发信号，用UUID确保每次重置都能触发视图更新（UUID每次都是新值，@Published会可靠检测到变化）：

class StudyListViewModel: ObservableObject {
    @Published var cardsSortedThrough: Int = 0
    @Published var resetTrigger: UUID = UUID() // 新增重置触发信号
}

2. 修正StudyCardItemView的状态监听 #

将currentCard的@StateObject改为@ObservedObject（ViewModel由父视图传入，而非当前视图创建），并添加对resetTrigger的监听，触发时重置offset：

struct StudyCardItemView: View {
    @ObservedObject var currentCard: StudyListViewModel // 改为@ObservedObject
    @State var card: StudyItemModel
    @State var count: Int
    
    @State var offset = CGSize.zero
    
    var body: some View {
        VStack{
            ZStack(alignment: .center){
                Text("\(card.itemTitle)")
            }
        }
        .frame(width: 350, height: 200)
        .background(Color.white)
        .cornerRadius(10)
        .shadow(radius: 5)
        .padding(5)
        .rotationEffect(.degrees(Double(offset.width / 5)))
        .offset(x: offset.width * 5, y: 0)
        .gesture(
            DragGesture()
                .onChanged { gesture in
                    offset = gesture.translation
                }
                .onEnded{ _ in
                    if abs(offset.width) > 100 {
                        currentCard.cardsSortedThrough += 1
                        if currentCard.cardsSortedThrough == count {
                            // 触发重置信号
                            currentCard.resetTrigger = UUID()
                            currentCard.cardsSortedThrough = 0
                        }
                    } else {
                        offset = .zero
                    }
                }
        )
        .onChange(of: currentCard.resetTrigger) { _ in
            // 监听重置信号，重置当前卡片的offset
            offset = .zero
        }
    }
}

3. 简化StudyListView的逻辑 #

移除自定义的resetCards修饰符和多余的.onChange，重置逻辑已由ViewModel信号和卡片内部监听处理：

// 移除无用的自定义修饰符
// extension View {
//     @ViewBuilder func `resetCards`<Content: View>(_ condition: Bool, transform: (Self) -> Content) -> some View {
//         if condition == true {
//             transform(self).offset(x: 0, y: 0)
//         } else {
//             self
//         }
//     }
// }

struct StudyListView: View {
    @ObservedObject var currentStudySet: HomeViewModel
    @ObservedObject var studyCards: StudyListViewModel = StudyListViewModel()
    
    @State var studyItem: StudyModel
    @State var index: Int

    var body: some View {
        ForEach(currentStudySet.allSets[index].studyItem.reversed()) { item in
            StudyCardItemView(
                currentCard: studyCards, 
                card: item, 
                count: currentStudySet.allSets[index].studyItem.count
            )
        }
    }
}

关键改动说明 #

• 用resetTrigger替代isDone：避免了isDone被快速切换导致视图无法响应的问题，UUID每次变化都会可靠触发视图更新。
• 卡片内部监听重置信号：确保每个卡片的offset都能被正确重置，解决了之前条件修饰符无法触达内部状态的问题。
• 修正ViewModel的属性包装器：StudyCardItemView中的currentCard是父视图传入的，应该用@ObservedObject而非@StateObject，避免创建多个ViewModel实例。

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