SwiftUI中带绑定的AnnotationView缓存导致状态未重置问题

核心原因：导航栈的视图缓存机制 #

是的，你的AnnotationView确实被SwiftUI缓存了，而绑定正是触发这个缓存的关键：

• SwiftUI为了优化导航性能，当通过navigationDestination(isPresented:)绑定控制视图展示时，不会在返回时销毁视图实例，只是将其从导航栈的可视层级中移除。
• 这种情况下，视图内部的@State变量属于实例的私有状态，会跟着缓存的实例一起保留，所以再次进入时不会自动重置为初始值。

为什么移除绑定后状态正常但自动返回失效？ #

• 移除绑定后，导航状态由SwiftUI的导航栈自动管理，返回时视图实例会被销毁，下次跳转时会创建新实例，所以@State会重新初始化。
• 但自动返回逻辑依赖绑定来更新navigateToAnnotationView的状态，移除绑定后无法通过该变量控制导航栈，自然失效；同时如果你的自动返回逻辑没正确关联@Environment(\.dismiss)来触发返回，就会出现onAppear/onChange无响应的情况。

解决方案 #

1. 手动重置状态 #

在AnnotationView的onAppear中强制重置状态变量，确保每次进入时都是初始值：

struct AnnotationView: View {
    @Environment(\.dismiss) private var dismiss
    @State private var index = 0

    func isValid() -> Bool {
        index < 1
    }

    var body: some View {
        Button("增加index") {
            index += 1
            if !isValid() {
                dismiss()
            }
        }
        .onAppear {
            index = 0 // 每次进入时重置状态
        }
    }
}

2. 使用Tag/Item方式强制创建新实例 #

通过navigationDestination(tag:selection:)跳转，每次生成唯一的tag，让SwiftUI创建新的视图实例，彻底避免缓存：

struct ContentView: View {
    @State private var navigationTag: UUID? = nil

    var body: some View {
        NavigationStack {
            Button("跳转至AnnotationView") {
                navigationTag = UUID() // 每次生成新标识
            }
            .navigationDestination(tag: UUID?.self, selection: $navigationTag) { _ in
                AnnotationView()
            }
        }
    }
}

3. 用外部绑定传递初始状态 #

将AnnotationView的状态依赖于外部传入的绑定值，每次跳转前重置初始值，确保状态同步：

struct AnnotationView: View {
    @Environment(\.dismiss) private var dismiss
    @Binding var currentIndex: Int

    func isValid() -> Bool {
        currentIndex < 1
    }

    var body: some View {
        Button("增加index") {
            currentIndex += 1
            if !isValid() {
                dismiss()
            }
        }
    }
}

// ContentView中调用
struct ContentView: View {
    @State private var navigateToAnnotationView = false
    @State private var initialIndex = 0

    var body: some View {
        NavigationStack {
            Button("跳转") {
                initialIndex = 0 // 每次跳转前重置初始值
                navigateToAnnotationView = true
            }
            .navigationDestination(isPresented: $navigateToAnnotationView) {
                AnnotationView(currentIndex: $initialIndex)
            }
        }
    }
}

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