SwiftUI中如何实现元素持续重复的缩放动画？

你提到的while循环写法确实在SwiftUI里走不通——这种命令式的阻塞循环会直接卡死主线程，而且完全不符合SwiftUI声明式的设计逻辑。咱们换个更贴合SwiftUI生态的方式来实现这个效果，其实非常简单～

推荐方法：利用SwiftUI原生动画系统（最简洁） #

这是实现循环缩放最优雅的方式，直接借助SwiftUI的动画修饰符，不用手动管理状态的循环变化：

struct ContentView : View {
    @State private var isScaledUp = false
    
    var body: some View {
        ZStack {
            Text("Hello!")
                .padding()
                .scaleEffect(isScaledUp ? 1.3 : 0.5) // 定义缩放的范围：0.5（初始）→1.3（放大）
                .animation(
                    Animation.easeInOut(duration: 0.2) // 单次缩放动画的时长
                        .repeatForever(autoreverses: true) // 开启无限重复+自动反转
                )
                .onAppear {
                    isScaledUp = true // 视图出现时触发动画循环
                }
        }
    }
}

代码说明： #

• 用isScaledUp这个布尔状态来控制缩放比例，切换时自动触发动画
• repeatForever(autoreverses: true)让动画在"放大→缩小→放大"之间无限循环，完全不用手动写循环逻辑
• 动画时长设为0.2秒，和你之前sleep(0.2)的预期一致

备选方案：用Timer手动控制（适合精细定制） #

如果需要更灵活地控制动画节奏或中间状态，可以用Timer定时更新size变量：

struct ContentView : View {
    @State private var size: Double = 0.5
    // 创建一个每0.2秒触发一次的主线程Timer
    private let animationTimer = Timer.publish(every: 0.2, on: .main, in: .common).autoconnect()
    
    var body: some View {
        ZStack {
            Text("Hello!")
                .padding()
                .scaleEffect(size)
                // 监听Timer触发事件，切换缩放值
                .onReceive(animationTimer) { _ in
                    withAnimation(.easeInOut) {
                        size = size == 0.5 ? 1.3 : 0.5
                    }
                }
        }
    }
}

为什么你的while循环不可行？ #

你尝试的while true循环会在主线程里无限阻塞执行，直接冻结UI——SwiftUI的视图更新依赖主线程的事件循环，这种阻塞式的循环会彻底打断这个机制，不仅动画跑不起来，整个App都会失去响应。

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