iOS 18中Swift动画失效求助：图片动画异常消失

问题场景 #

在iOS 18中，你实现的SwiftUI动画出现异常：原本预期图片同时执行移动（修改alignment）和最终透明度变为0的动画，但实际图片未显示，直接跳转到透明度0的状态。

iOS 18 相关机制变更推测 #

1. withAnimation 完成回调触发时机调整：iOS 18中，withAnimation的completion回调可能在动画未真正完成（比如重复动画的循环未结束）时就提前触发，导致opac被立即设为0，图片还没完成移动就消失。
2. 布局类动画的渲染逻辑优化：iOS 18对基于Alignment的布局动画做了底层优化，可能导致动画初始帧或中间状态的渲染异常，结合提前触发的回调，直接呈现最终透明状态。
3. 状态更新的动画绑定逻辑严格化：SwiftUI在iOS 18中对@State状态的动画关联逻辑更严格，当withAnimation内的状态变更与回调中的状态变更未形成正确的动画链时，会中断动画流程，直接跳到最终状态。

修复方案 #

方案1：将透明度变更纳入动画控制 #

避免在completion中直接修改透明度，改用延迟动画确保移动动画完成后再执行透明度变化：

.onAppear {
    // 执行移动重复动画
    withAnimation(Animation.easeInOut(duration: 3).repeatCount(2, autoreverses: false)) {
        imageAlignment = .bottom
    }
    // 延迟动画总时长（3秒*2次）后，执行透明度淡出动画
    DispatchQueue.main.asyncAfter(deadline: .now() + 6) {
        withAnimation(Animation.easeOut(duration: 0.5)) {
            opac = 0.0
        }
    }
}

方案2：替换Alignment动画为Offset动画 #

改用offset修饰符实现位置动画，iOS 18对offset的动画支持更稳定，避免布局类动画的渲染异常：

@State private var imageOffset = CGSize.zero // 替换alignment为offset

// ... 其他代码保持不变 ...

Image("number-one")
    .resizable()
    .frame(width: 60, height: 60)
    .padding(.horizontal, 50)
    .padding(.vertical, 20)
    .offset(imageOffset) // 使用offset代替alignment
    .opacity(opac)
    .onAppear {
        // 计算从右上角到底部的偏移量（需根据实际布局调整）
        let targetOffset = CGSize(
            width: -(UIScreen.main.bounds.width - 60 - 50*2),
            height: UIScreen.main.bounds.height - 60 - 20*2 - 40 // 考虑底部padding
        )
        withAnimation(Animation.easeInOut(duration: 3).repeatCount(2, autoreverses: false)) {
            imageOffset = targetOffset
        } completion: {
            withAnimation(Animation.easeOut(duration: 0.5)) {
                opac = 0.0
            }
        }
    }

方案3：合并状态变更到同一动画块 #

通过delay控制透明度变化的时机，将两个状态变更纳入动画体系：

.onAppear {
    withAnimation(Animation.easeInOut(duration: 3).repeatCount(2, autoreverses: false)) {
        imageAlignment = .bottom
    }
    withAnimation(Animation.easeOut(duration: 0.5).delay(6)) {
        opac = 0.0
    }
}

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