SwiftUI：NavigationView导航返回后matchedGeometryEffect失效问题求助

我尝试在一组视图上使用matchedGeometryEffect，在导航到子视图并返回之前，它都能正常工作。但返回后，matchedGeometryEffect会短暂失效——当我尝试展开视图时，红色矩形会立即显示出来，没有过渡动画。请问我是否遗漏了什么？

演示效果：

struct ContentView: View {
    @Namespace private var namespace
    @State private var expanded = false

    var body: some View {
        NavigationView {
            VStack {
                NavigationLink("Click Me") {
                    Text("Hello, world")
                }
                Group {
                    if expanded {
                        Rectangle()
                            .foregroundColor(.red)
                            .matchedGeometryEffect(id: "Rect", in: namespace)
                            .frame(width: 300, height: 300)
                    }
                    else {
                        Rectangle()
                            .foregroundColor(.blue)
                            .matchedGeometryEffect(id: "Rect", in: namespace)
                            .frame(width: 50, height: 50)
                    }
                }
                .onTapGesture {
                    withAnimation(.linear(duration: 2.0)) {
                        expanded.toggle()
                    }
                }
            }
        }
    }
}

这个问题的核心是导航返回时视图层级重建，导致Namespace实例丢失，matchedGeometryEffect依赖的命名空间无法正确关联前后视图状态，因此动画失效。以下两种方案可以解决：

• 方案一：提升Namespace的作用域
  将@Namespace从ContentView移到更高层级（比如App的根视图），确保导航返回后命名空间实例不会被销毁重建：

  @main
  struct TestApp: App {
      @Namespace var appNamespace
      
      var body: some Scene {
          WindowGroup {
              ContentView(namespace: appNamespace)
          }
      }
  }
  
  struct ContentView: View {
      let namespace: Namespace.ID
      @State private var expanded = false
  
      var body: some View {
          NavigationView {
              VStack {
                  NavigationLink("Click Me") {
                      Text("Hello, world")
                  }
                  Group {
                      if expanded {
                          Rectangle()
                              .foregroundColor(.red)
                              .matchedGeometryEffect(id: "Rect", in: namespace)
                              .frame(width: 300, height: 300)
                      }
                      else {
                          Rectangle()
                              .foregroundColor(.blue)
                              .matchedGeometryEffect(id: "Rect", in: namespace)
                              .frame(width: 50, height: 50)
                      }
                  }
                  .onTapGesture {
                      withAnimation(.linear(duration: 2.0)) {
                          expanded.toggle()
                      }
                  }
              }
          }
      }
  }
  

• 方案二：改用NavigationStack（iOS 16+）
  NavigationView在iOS 16及以后已被弃用，NavigationStack的视图生命周期管理更稳定，不会出现返回时重建命名空间的问题：

  struct ContentView: View {
      @Namespace private var namespace
      @State private var expanded = false
  
      var body: some View {
          NavigationStack {
              VStack {
                  NavigationLink("Click Me") {
                      Text("Hello, world")
                  }
                  Group {
                      if expanded {
                          Rectangle()
                              .foregroundColor(.red)
                              .matchedGeometryEffect(id: "Rect", in: namespace)
                              .frame(width: 300, height: 300)
                      }
                      else {
                          Rectangle()
                              .foregroundColor(.blue)
                              .matchedGeometryEffect(id: "Rect", in: namespace)
                              .frame(width: 50, height: 50)
                      }
                  }
                  .onTapGesture {
                      withAnimation(.linear(duration: 2.0)) {
                          expanded.toggle()
                      }
                  }
              }
          }
      }
  }
  

matchedGeometryEffect需要同一个Namespace.ID实例来追踪视图的几何状态。使用NavigationView导航返回时，原ContentView会被销毁后重新初始化，旧的namespace实例丢失，新实例无法关联之前的视图状态，导致动画直接跳变而非平滑过渡。提升命名空间层级或改用NavigationStack，都能避免这个问题。

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