SwiftUI启动后首次激活NavigationLink立即返回问题求助

问题现象 #

使用绑定isActive的NavigationLink跳转到EditarUsuario视图时，应用启动后首次切换navigateToEditUser绑定值，导航完成后会立即返回；后续激活导航则正常，重启应用后问题重复。

核心代码片段 #

触发导航的NavigationLink：

NavigationLink(
    destination: EditarUsuario(),
    isActive: $navigateToEditUser
) {
    EmptyView()
}

Sheet中触发状态变更的代码：

NutritionalPlanParameterEditor(
    onNavigateToEditUserData: {
        navigateToEditUser = true
    }
)

已尝试但无效的方案 #

• 使用DispatchQueue.main.asyncAfter延迟切换绑定值
• 在onDisappear和onAppear中显式重置状态
• 用自定义Binding包裹NavigationLink以稳定状态变更

完整导航流程代码 #

struct compactNavigation: View {

    @EnvironmentObject var state: AppState

    var handler: Binding<String?> { Binding(
        get: { state.selectedTab },
        set: {
            let tab = state.selectedTab
            if $0 == tab {
                state.resetTab.toggle()
                print("Reset tab")
            } else {
                Tutorial.shared.stop()
            }
            state.selectedTab = $0
        }
    )}

    var body: some View {
        TabView(selection: handler) {
            NavigationView {
                Settings()
            }
            .tabItem { Label("settings", systemImage: "gearshape.fill") }
            .tag(Settings.tag)
        }
    }

}


struct Settings: View {
    var body: some View {
        Form {
            Section(header: Text("account")) {
                NavigationLink(destination:
                    PlanView()
                ) {
                    Text("plan")
                        .font(.headline)
                }
            }
        }
    }
}


struct PlanView: View {

    @State var showFilterEditor = false
    @State var navigateToEditUser = false

    var body : some View {
        ScrollView {
            VStack {
                NavigationLink(
                    destination: EditarUsuario(),
                    isActive: $navigateToEditUser
                ) {
                    EmptyView()
                }
                // Rest of the view content...
            }
        }
        .toolbar(content: {
            ToolbarItem(placement: .navigationBarTrailing){
                Button(action: {
                    showFilterEditor.toggle()
                }, label: {
                    Label(title: { Text("filter") },
                          icon: { Image(systemName: "slider.horizontal.3") })
                })
            }
        })
        .sheet(isPresented: $showFilterEditor, content: {
            NutritionalPlanParameterEditor(
                onNavigateToEditUserData: {
                    navigateToEditUser = true
                }
            )
        })
    }
}

问题原因 #

问题根源在于Sheet关闭时的视图层级重绘干扰了NavigationLink的状态稳定性：

1. 首次启动时，PlanView的视图布局尚未完全稳定，从Sheet触发navigateToEditUser = true后，Sheet关闭会触发父视图PlanView的重渲染，SwiftUI的视图更新机制可能意外重置NavigationLink的isActive绑定状态，导致导航被强制取消。
2. NavigationLink被放置在ScrollView的VStack内部，滚动容器的首次布局计算与状态变更存在时序冲突，进一步放大了状态丢失的问题。

解决方案 #

方案1：将NavigationLink移出滚动容器 #

把NavigationLink放到ScrollView的background或overlay中，避免滚动容器的重绘影响状态：

struct PlanView: View {

    @State var showFilterEditor = false
    @State var navigateToEditUser = false

    var body : some View {
        ScrollView {
            // Rest of the view content...
        }
        .background(
            NavigationLink(
                destination: EditarUsuario(),
                isActive: $navigateToEditUser
            ) {
                EmptyView()
            }
        )
        .toolbar(content: {
            // 原toolbar代码不变
        })
        .sheet(isPresented: $showFilterEditor, content: {
            NutritionalPlanParameterEditor(
                onNavigateToEditUserData: {
                    navigateToEditUser = true
                }
            )
        })
    }
}

方案2：延迟状态变更确保Sheet完全关闭 #

使用DispatchQueue.main.async替代硬延迟，确保Sheet完成关闭流程后再触发导航：

.sheet(isPresented: $showFilterEditor, content: {
    NutritionalPlanParameterEditor(
        onNavigateToEditUserData: {
            DispatchQueue.main.async {
                navigateToEditUser = true
            }
        }
    )
})

方案3：提升状态到全局环境（可选） #

将navigateToEditUser的状态从PlanView的@State提升到AppState等全局环境对象中，避免子视图重绘导致的状态丢失：

// 在AppState中添加
class AppState: ObservableObject {
    @Published var navigateToEditUser = false
    // 其他已有属性...
}

// 在PlanView中使用
struct PlanView: View {
    @EnvironmentObject var state: AppState
    @State var showFilterEditor = false

    var body : some View {
        ScrollView {
            // Rest of the view content...
        }
        .background(
            NavigationLink(
                destination: EditarUsuario(),
                isActive: $state.navigateToEditUser
            ) {
                EmptyView()
            }
        )
        .sheet(isPresented: $showFilterEditor, content: {
            NutritionalPlanParameterEditor(
                onNavigateToEditUserData: {
                    DispatchQueue.main.async {
                        state.navigateToEditUser = true
                    }
                }
            )
        })
    }
}

验证效果 #

上述方案组合使用后，首次启动触发导航时，NavigationLink的状态不会被视图重绘干扰，导航完成后不会自动返回，后续触发行为保持一致。

内容的提问来源于stack exchange，提问作者Iñigo Bereciartua