如何在SwiftUI中实现带闭包变量的通用NavigationLink导航功能

1. SwiftUI视图转AnyView的方法 #

直接用系统提供的AnyView类型包装任意符合View协议的实例即可，示例：

let sampleView = Text("示例视图")
let convertedAnyView = AnyView(sampleView) // 完成转换

泛型场景下也可以直接包装后作为参数传递，适配你路由闭包接收AnyView的需求。

2. 支持运行时修改跳转目标的路由实现方案 #

你原有实现的问题在于NavigateModifier中给每个视图嵌套了NavigationView，会导致多层导航栈冲突，同时静态的目标视图无法动态修改。以下是可直接使用的兼容方案：

实现代码 #

import SwiftUI

// 全局路由管理器
struct Router {
    // 登录成功跳转目标闭包，返回AnyView支持任意视图类型
    static var onLogin: () -> AnyView = { AnyView(Text("默认登录后页面")) }
    // 跳转控制状态，可按需扩展多个状态对应不同跳转场景
    static var jumpToLoginTarget = false
}

// 通用跳转扩展
extension View {
    func bindLoginNavigation() -> some View {
        background(
            // isActive参数绑定全局状态，状态变化时自动触发跳转
            NavigationLink(isActive: $Router.jumpToLoginTarget) {
                Router.onLogin()
            } label: {
                EmptyView()
            }
        )
    }
}

// 使用示例
struct ContentView: View {
    var body: some View {
        // 导航栈仅在根视图声明一次即可，iOS16以下可替换为NavigationView
        NavigationStack {
            VStack(spacing: 20) {
                Button("登录后跳转到默认页面") {
                    // 模拟登录成功逻辑
                    Router.jumpToLoginTarget = true
                }
                
                Button("登录后跳转到自定义页面") {
                    // 运行时动态修改跳转目标
                    Router.onLogin = { AnyView(CustomUserPage()) }
                    Router.jumpToLoginTarget = true
                }
            }
            .bindLoginNavigation()
            .navigationTitle("首页")
        }
    }
}

// 自定义示例页面
struct CustomUserPage: View {
    var body: some View {
        Text("这是用户自定义的登录后页面")
            .navigationTitle("个人中心")
    }
}

方案说明 #

• 用返回AnyView的闭包存储跳转目标，运行时可随时修改闭包实现，切换任意目标页面
• 用全局布尔状态控制NavigationLink激活状态，触发跳转不需要依赖视图内的本地状态
• 可按需扩展路由的状态和目标闭包，比如新增onRegisterSuccess、onGoodsClick等不同场景的跳转配置

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