SwiftUI中NavigationLink的isActive绑定未更新/失效问题排查

你遇到的问题核心是SwiftUI的NavigationLink（配合NavigationStack使用时）会自动重置isActive绑定的状态：

当你点击「Show Next」把showNext设为true触发跳转后，NavigationStack在完成页面推送的瞬间，会自动将isActive绑定的showNext重置为false——这个状态的设计初衷只是用来触发跳转动作，而非维持目标页面的显示状态。

这就导致NextView加载完成时，你绑定的showSelf已经是false了，此时点击「Dismiss」再把它设为false，自然不会触发任何页面变化。

推荐两种靠谱的解决方式：

方式1：使用@Environment(\.dismiss)（SwiftUI 3+ 官方推荐） #

这是苹果官方主推的页面关闭方式，无需手动维护绑定状态，直接利用环境变量的关闭动作：

主视图修改： #

@State private var showNext = false

NavigationStack {
    VStack {
        Button("Show Next") {
            showNext = true
        }
        
        NavigationLink(destination: NextView(), isActive: $showNext) {
            EmptyView()
        }
    }
}

NextView修改： #

struct NextView: View {
    @Environment(\.dismiss) private var dismiss

    var body: some View {
        Text("Next")
            .navigationTitle("Next")
        
        Button("Dismiss") {
            dismiss()
        }
        .padding(30)
    }
}

方式2：分离跳转触发与状态维持（使用tag+selection） #

如果一定要用状态绑定的方式，建议用NavigationLink的tag和selection绑定，这种方式下状态不会被自动重置：

主视图修改： #

@State private var selectedPage: String? = nil

NavigationStack {
    VStack {
        Button("Show Next") {
            selectedPage = "nextView"
        }
        
        NavigationLink(
            tag: "nextView",
            selection: $selectedPage,
            destination: {
                NextView(onDismiss: { selectedPage = nil })
            },
            label: { EmptyView() }
        )
    }
}

NextView修改： #

struct NextView: View {
    let onDismiss: () -> Void

    var body: some View {
        Text("Next")
            .navigationTitle("Next")
        
        Button("Dismiss") {
            onDismiss()
        }
        .padding(30)
    }
}

内容的提问来源于stack exchange，提问作者meaning-matters