SwiftUI自定义视图栈pop后@State被重置，为何与NavigationView表现不一致

问题核心原因 #

你实现的自定义导航栈和官方NavigationView的核心差异在于视图的生命周期管理逻辑不同：

• 官方NavigationView的导航栈中所有已push的视图都会保留在视图树中，仅将下层视图放在不可见层级（或离屏渲染状态），不会将其从视图树移除，所以下层视图的@State会伴随视图一直存在，pop返回时状态自然保留。
• 你的实现逻辑是仅渲染stack数组的最后一个视图，当push新视图时，原来的AAA视图会被直接从视图树中移除。@State的生命周期和视图在视图树中的挂载状态强绑定，视图被移除时对应的@State存储就会被销毁。当你pop回到AAA时，相当于把AAA重新挂载到视图树，@State会走初始化逻辑恢复为默认值。

补充：你将AnyView存入数组的操作也无法保留状态，因为AnyView只是值类型的视图结构容器，本身不持有视图的状态存储，状态是由SwiftUI运行时和视图在视图树中的挂载位置绑定管理的，和你存储的View实例副本无关。 #

修复方案 #

有两种常见的修复思路：

方案1：模拟官方导航栈的视图树管理逻辑 #

不要仅渲染栈顶视图，而是将栈内所有视图都保留在视图树中，仅控制显隐即可，修改ContentView的逻辑如下：

struct ContentView: View {
    @State private var stack: [AnyView]

    var body: some View {
        // 用ZStack保留所有栈内视图，仅显示最上层
        ZStack {
            ForEach(0..<stack.count, id: \.self) { index in
                stack[index]
                    .environment(\.push, push)
                    .environment(\.pop, pop)
                    .opacity(index == stack.count - 1 ? 1 : 0) // 非栈顶视图透明隐藏
                    .disabled(index != stack.count - 1) // 非栈顶视图禁止交互
            }
        }
        .frame(width: 600.0, height: 400.0)
    }
    
    public init() {
        _stack = State(initialValue: [AnyView(AAA())])
    }
    
    public func push(_ content: AnyView) {
        stack.append(content)
    }
    
    public func pop() {
        stack.removeLast()
    }
}

这个方案的逻辑和官方NavigationView对齐，所有栈内视图都留在视图树中，@State会正常保留。

方案2：状态上移脱离视图生命周期 #

如果你不想保留所有视图在视图树中，可以将子视图的状态从@State改为存储在外部的ObservableObject中，状态的生命周期和导航栈绑定，和子视图的挂载状态解绑：

// 定义全局状态存储
class AppState: ObservableObject {
    static let shared = AppState()
    @Published var aaaText = "default text"
}

struct AAA : View {
    @EnvironmentObject var state: AppState
    @Environment(\.push) var push

    var body: some View {
        VStack {
            TextEditor(text: $state.aaaText)
            Button("Push") {
                self.push(AnyView(BBB()))
            }
        }
    }
}

// 在ContentView中注入环境对象
struct ContentView: View {
    @State private var stack: [AnyView]
    @StateObject private var state = AppState.shared

    var body: some View {
        currentView()
            .environment(\.push, push)
            .environment(\.pop, pop)
            .environmentObject(state)
            .frame(width: 600.0, height: 400.0)
    }
    // 其余原有逻辑保持不变
}

这种方案适合栈层级很深的场景，避免保留太多视图占用内存。

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