SwiftUI中animation(_:value:)替代弃用API实现网格动画问题

核心原理 #

iOS 15+ 弃用了无值参数的animation(_:)，转而推荐值驱动动画animation(_:value:)。它的逻辑很明确：当你传入的value参数发生变化时，SwiftUI会自动对视图的对应变化应用指定的动画，避免旧API中可能出现的意外动画触发。

针对你的场景的解决方案 #

你的需求是拖动滑块时，网格布局随列数变化产生缓入动画。这里的核心触发变量是gridColumn（滑块绑定的@State变量），网格布局gridLayout完全依赖它生成，所以直接将gridColumn作为value参数传入即可。

修改代码 #

找到原来的网格视图动画代码：

.animation(.easeIn) 

替换为：

.animation(.easeIn, value: gridColumn)

完整修改后的关键代码片段 #

// MARK: - GRID
LazyVGrid(columns: gridLayout, alignment: .center, spacing: 10) {
    ForEach(animals) { item in
        Image(item.image)
            .resizable()
            .scaledToFit()
            .clipShape(Circle())
            .overlay(Circle().stroke(Color.white, lineWidth: 1))
            .onTapGesture {
                selectedAnimal = item.image
                haptics.impactOccurred()
            }
    } //: LOOP
} //: GRID
.animation(.easeIn, value: gridColumn) // 修改后的动画代码
.onAppear(perform: {
    gridSwitch()
})

额外优化（可选） #

你可以简化代码逻辑，去掉单独的gridSwitch函数，直接在gridColumn的onChange回调中更新布局：

Slider(value: $gridColumn, in: 2...4, step: 1)
    .padding(.horizontal)
    .onChange(of: gridColumn) { newValue in
        gridLayout = Array(repeating: .init(.flexible()), count: Int(newValue))
    }

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