SwiftUI列表滚动时栈内Symbol Effect异常触发动画求助

这个问题是SwiftUI List的cell复用机制和容器视图的标识逻辑冲突导致的——当List滚动复用cell时，HStack/VStack/ZStack这类容器视图的内部状态会被重置或误判为身份变化，进而让系统错误触发了绑定在内部Image上的symbolEffect。Group因为只是视图组合器，不涉及容器的身份管理，所以没这个问题。

你可以通过以下两种方式解决：

方法一：给Stack添加.equatable()修饰符 #

明确告诉SwiftUI如何判断Stack的相等性，避免复用过程中的误判：

#Preview {
    VStack {
        List {
            ForEach(1...100, id: \.self) { index in
                Image(systemName: "square.3.layers.3d")
                    .symbolEffect(.bounce, value: index)
            }
        }
        
        List {
            ForEach(1...100, id: \.self) { index in
                HStack {
                    Image(systemName: "square.3.layers.3d")
                        .symbolEffect(.bounce, value: index)
                }
                .equatable() // 关键：明确Stack的相等性判断逻辑
            }
        }
    }
}

方法二：将symbolEffect移到Stack层级 #

把动画绑定到Stack上，让动画触发仅依赖指定的value，不受容器内部复用的影响：

#Preview {
    VStack {
        List {
            ForEach(1...100, id: \.self) { index in
                Image(systemName: "square.3.layers.3d")
                    .symbolEffect(.bounce, value: index)
            }
        }
        
        List {
            ForEach(1...100, id: \.self) { index in
                HStack {
                    Image(systemName: "square.3.layers.3d")
                }
                .symbolEffect(.bounce, value: index) // 将动画绑定到Stack上
            }
        }
    }
}

对于你实际项目中绑定@Model对象属性的场景，只需要把示例中的index替换为对应的Model属性（比如model.isActive）即可，两种方法都能生效。

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