NavigationStack调用removeLast移除多视图无动画问题求助

问题原因 #

SwiftUI的NavigationStack对NavigationPath的批量层级变更（比如调用removeLast(k)且k>1）不会自动触发过渡动画，仅当单次移除1个视图时，才会执行默认的向右滑出动画。

解决方案 #

方案1：分步逐个移除视图 #

通过循环逐个调用removeLast(1)，并添加微小延迟，让系统逐个触发动画效果，模拟逐层返回的视觉体验：

修改onTap方法：

func onTap() {
    guard !path.isEmpty else { return }
    let count = path.count
    // 逐个移除视图，每次间隔0.2秒触发动画
    for i in 0..<count {
        DispatchQueue.main.asyncAfter(deadline: .now() + Double(i)*0.2) {
            if !path.isEmpty {
                path.removeLast(1)
            }
        }
    }
}

方案2：显式添加动画修饰符 #

通过强制绑定动画，让批量路径变更也能触发过渡效果，有两种实现方式：

方式A：给NavigationStack绑定动画

修改ContentView的body部分，为NavigationStack添加动画修饰符：

NavigationStack(path: $path) {
    Subview()
        .navigationDestination(for: Int.self) { n in
            Subview(n:n)
        }
}
.animation(.default, value: path) // 绑定路径变化的动画

方式B：用withAnimation包裹路径重置

修改onTap方法，在修改路径时显式启用动画：

func onTap() {
    guard !path.isEmpty else { return }
    withAnimation {
        path.removeLast(path.count)
    }
}

注：这种方式会让所有层级视图同时滑出，而非逐个动画，视觉效果和分步移除不同，可按需选择。

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