iOS15下SwiftUI二级NavigationLink的isActive参数失效如何解决

iOS15对SwiftUI的NavigationView状态管理逻辑做了两处关键调整，导致原有iOS14可运行的代码失效：

• NavigationView默认样式改为适配多端的分栏样式，非栈式导航结构下绑定的isActive参数会出现状态同步异常
• 导航目标视图内直接捕获上层页面的@State绑定，会因为视图生命周期的变化出现绑定失效的问题

方案1：全版本兼容（支持iOS14+） #

首先给NavigationView指定栈式样式，同时将导航状态绑定主动传递到目标视图，修正后的完整代码如下：

import SwiftUI
struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink {
                Dest1().navigationTitle("Dest1")
            } label: {
                Text("to Destination 1")
            }
        }
        // 强制指定栈式导航样式，避免分栏样式导致状态异常
        .navigationViewStyle(.stack)
    }
}

struct Dest1: View {
    @State var dest2Active: Bool = false
    var body: some View {
        NavigationLink(
            destination: Dest2(dest2Active: $dest2Active).navigationTitle("Dest2"),
            isActive: $dest2Active
        ) {Text("to Destination 2")}
    }
}

// 抽离Dest2为独立视图，接收上层传递的绑定
struct Dest2: View {
    @Binding var dest2Active: Bool
    var body: some View {
        Button {
            dest2Active = false
        } label: {
            Text("dismiss")
        }
    }
}

方案2：iOS15+ 简化方案 #

iOS15新增了dismiss环境变量，不需要向上层传递绑定即可直接关闭当前导航页面，代码更简洁：

import SwiftUI
struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink {
                Dest1().navigationTitle("Dest1")
            } label: {
                Text("to Destination 1")
            }
        }
        .navigationViewStyle(.stack)
    }
}

struct Dest1: View {
    @State var dest2Active: Bool = false
    var body: some View {
        NavigationLink(
            destination: Dest2().navigationTitle("Dest2"),
            isActive: $dest2Active
        ) {Text("to Destination 2")}
    }
}

struct Dest2: View {
    // 调用系统提供的dismiss方法关闭页面
    @Environment(\.dismiss) private var dismiss
    var body: some View {
        Button {
            dismiss()
        } label: {
            Text("dismiss")
        }
    }
}

如果你的App最低支持版本升到iOS16及以上，更推荐使用苹果新推出的NavigationStack替代NavigationView，新的导航栈API状态管理逻辑更统一，不会出现这类版本兼容问题。

内容的提问来源于stack exchange，提问作者蘇哲聖