SwiftUI点击按钮调用子View方法无动画输出问题排查

你的动画不触发的核心原因不是创建了两个letterAnimView实例，而是完全用错了SwiftUI的视图机制：

• SwiftUI中所有View都是值类型（结构体），你在父视图里声明的var letterAnimView : LetterAnimationView只是一个存储视图配置的结构体值，不是真正渲染在屏幕上的视图实体。
• @State属性是由SwiftUI框架托管的，只有当视图被真正插入视图树、完成渲染后，它的@State才会和UI展示逻辑绑定。你在animateLetter()里直接调用letterAnimView.timerWrite()，本质是在你自己存储的那个临时结构体拷贝上执行方法，修改的Robot属性完全不会同步到屏幕上正在显示的子视图，自然看不到动画。
• 之前onAppear能正常触发动画，是因为onAppear是SwiftUI在视图完成挂载后，针对真实渲染的视图实体调用的回调，这时候执行timerWrite()修改的是和UI绑定的有效@State，所以能正常驱动帧动画。
• 原代码还有一个隐藏问题：多次触发timerWrite()会重复创建Timer，导致动画帧错乱、内存泄漏。

SwiftUI是状态驱动的框架，不要在父视图里存储子视图实例、也不要直接调用子视图的方法，应该通过状态绑定传递触发信号。

第一步：修改LetterAnimationView，通过绑定接收外部触发信号 #

import SwiftUI

struct LetterAnimationView: View {
    // 接收外部的动画触发绑定
    @Binding var shouldStartAnimation: Bool
    @State private var currentFrame: String = ""
    // 动画帧资源列表
    private let animationFrames = [
        "alpha_be_1_81",
        "alpha_be_1_82",
        "alpha_be_1_83",
        "alpha_be_1_84",
        "alpha_be_1_85",
        "alpha_be_1_86",
        "alpha_be_1_87",
        "alpha_be_1_88",
        "alpha_be_1_89",
        "alpha_be_1_90",
        "alpha_be_1"
    ]
    // 持有当前计时器，方便重复触发时先销毁旧计时器
    @State private var animationTimer: Timer?

    var body: some View {
        VStack(alignment: .center) {
            Image(currentFrame)
                .resizable()
                .frame(width: 80, height: 160, alignment: .center)
        }
        // 监听外部触发信号
        .onChange(of: shouldStartAnimation) { newValue in
            guard newValue else { return }
            startFrameAnimation()
            // 重置触发标记，方便下次点击重复触发
            shouldStartAnimation = false
        }
        // 首次显示时自动播放动画（不需要可以删掉）
        .onAppear {
            startFrameAnimation()
        }
        .onDisappear {
            // 视图消失时停止计时器，避免内存泄漏
            animationTimer?.invalidate()
        }
    }

    private func startFrameAnimation() {
        // 先停掉之前正在跑的动画
        animationTimer?.invalidate()
        var frameIndex = 0
        animationTimer = Timer.scheduledTimer(withTimeInterval: 0.08, repeats: true) { timer in
            currentFrame = animationFrames[frameIndex]
            frameIndex += 1
            if frameIndex >= animationFrames.count {
                timer.invalidate()
                animationTimer = nil
            }
        }
    }
}

第二步：修改父视图AlphabetLetterDetail，用状态驱动子视图动画 #

不要存储子视图实例，直接在body中构造子视图，通过@State管理触发状态：

import SwiftUI

struct AlphabetLetterDetail: View {
    var alphabetLetter: AlphabetLetter
    // 动画触发状态
    @State private var triggerAnimation = false

    var body: some View {
        VStack {
            Button {
                // 点击按钮修改状态，触发子视图动画
                triggerAnimation = true
            } label: {
                Image(uiImage: UIImage(named: "alpha_be_1")!)
                    .resizable()
                    .scaledToFit()
                    .frame(width: 60.0, height: 120.0)
            }
            // 直接构造子视图，传入绑定
            LetterAnimationView(shouldStartAnimation: $triggerAnimation)
        }
        .navigationBarTitle(Text(verbatim: alphabetLetter.name), displayMode: .inline)
    }
}

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