Spline动画在TabView切换返回后停止的问题求助

问题分析 #

在使用TabView(PageTabViewStyle)承载多个包含SplineView的页面时，首次切换离开页面再返回，SplineView的动画会停止。直接给子视图添加.id(UUID())无效，核心原因是：

• TabView默认会缓存已加载的页面，仅当视图的id变化被TabView本身感知时，才会触发视图重建
• 子视图内部的id修改无法穿透到TabView的缓存机制中，因此不会触发重建和动画重启

解决方案一：通过Tab级别的动态ID触发视图重建 #

在主ContentView中管理每个Tab的刷新ID，切换离开页面时更新对应ID，确保返回时强制重建视图并重启SplineView动画：

struct ContentView: View {
    @State private var selectedTab = 0
    @State private var tabRefreshIds = [UUID(), UUID(), UUID()] // 每个Tab对应独立的刷新ID

    var body: some View {
        TabView(selection: $selectedTab) {
            Train()
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .id(tabRefreshIds[0])
                .tag(0)
            
            CottonGin()
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .id(tabRefreshIds[1])
                .tag(1)
            
            Boat()
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .id(tabRefreshIds[2])
                .tag(2)
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
        .ignoresSafeArea()
        .onChange(of: selectedTab) { oldTab, newTab in
            // 离开旧Tab时更新其ID，下次返回时触发视图重建
            tabRefreshIds[oldTab] = UUID()
        }
    }
}

解决方案二：利用SplineView的生命周期API重启动画（如果支持） #

如果SplineView暴露了重启动画的公共方法（比如restartAnimation()），可以在视图出现时主动调用，无需重建整个视图：

struct Train: View {
    @State private var splineView = SplineView(sceneFileURL: URL(string: "//my url")!)

    var body: some View {
        splineView
            .ignoresSafeArea(.all)
            .onAppear {
                // 调用SplineView提供的动画重启方法
                splineView.restartAnimation()
            }
    }
}

关键说明 #

• 方案一属于通用解决方案，适用于SplineView未暴露动画控制API的场景
• 方案二更高效，避免了视图重建的开销，但依赖SplineView本身提供的生命周期控制能力

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