如何在View外部定义并使用@Namespace变量？

核心结论 #

不能直接在View外部（比如ObservableObject类）使用@Namespace属性包装器。@Namespace是SwiftUI专为View设计的，它依赖View的生命周期和渲染上下文才能生成有效的Namespace.ID，脱离View树的对象（如你的State类）无法正确初始化和维护Namespace的状态，这也是你之前尝试方案后动画失效的原因。

可行替代方案 #

虽然不能直接在State类里用@Namespace，但可以在View中生成Namespace.ID，再将这个ID传递给State类存储，让子视图通过State获取ID来实现匹配动画。这样既满足你不想在View中直接持有@Namespace作为属性的需求，又符合SwiftUI的规则。

修改后的代码如下：

import SwiftUI
import PlaygroundSupport

enum Flow {
    case initial
    case searching
}

class State: ObservableObject {
    @Published var flow: Flow = .initial
    // 存储从View传递过来的Namespace.ID
    var namespaceID: Namespace.ID?
}

let state = State()

struct Container: View {
    // 仅在根View中生成Namespace，然后传递给State
    @Namespace private var namespace
    @ObservedObject var state: State

    var body: some View {
        VStack {
            SubView1(state: state)
            SubView2(state: state)
        }
        .onAppear {
            // 视图加载时将Namespace.ID赋值给State
            state.namespaceID = namespace
        }
        .onTapGesture {
            withAnimation(.spring()) {
                state.flow = state.flow == .initial ? .searching : .initial
            }
        }
        .frame(width: 300, height: 300)
    }
}

struct SubView1: View {
    @ObservedObject var state: State

    var body: some View {
        HStack {
            Text("Lorem")
            Spacer()

            if state.flow == .initial, let namespace = state.namespaceID {
                Text("Ipsum")
                    .matchedGeometryEffect(id: "id", in: namespace)
                Text("|")
            }
            Image(systemName: "person.circle.fill")
        }
    }
}

struct SubView2: View {
    @ObservedObject var state: State

    var body: some View {
        VStack {
            Text("Headline")
            if state.flow == .searching, let namespace = state.namespaceID {
                Text("Ipsum")
                    .matchedGeometryEffect(id: "id", in: namespace)
            }
        }
    }
}

PlaygroundPage.current.setLiveView(Container(state: state))

方案说明 #

1. @Namespace仍在根View中生成，保证它能和View树的上下文正确绑定；
2. 通过onAppear将生成的Namespace.ID赋值给State类的namespaceID属性；
3. 子视图通过State获取namespaceID，配合matchedGeometryEffect实现正常的匹配动画。

这种方式既规避了直接在View外部使用@Namespace的限制，又实现了你想要的状态管理逻辑。

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