SwiftUI中如何根据条件定义NavigationLink的目标视图？

方案一：使用字符串标识符实现 #

首先创建封装的ButtonView，通过传入的字符串标识判断跳转目标：

import SwiftUI

struct ButtonView: View {
    let buttonIdentifier: String
    
    var body: some View {
        NavigationLink(destination: destinationView) {
            Text(buttonIdentifier)
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(8)
        }
    }
    
    // 根据标识返回对应目标视图
    private var destinationView: some View {
        switch buttonIdentifier {
        case "Play":
            return AnyView(PlayView())
        case "Ranking":
            return AnyView(RankingView())
        default:
            return AnyView(EmptyView()) // 处理未匹配的标识
        }
    }
}

// 示例目标视图（替换为你项目中的实际视图即可）
struct PlayView: View {
    var body: some View {
        Text("Play View")
            .navigationTitle("Play")
    }
}

struct RankingView: View {
    var body: some View {
        Text("Ranking View")
            .navigationTitle("Ranking")
    }
}

在父视图中使用：

struct ContentView: View {
    var body: some View {
        // iOS16+用NavigationStack，iOS15及以下用NavigationView
        NavigationStack {
            VStack(spacing: 20) {
                ButtonView(buttonIdentifier: "Play")
                ButtonView(buttonIdentifier: "Ranking")
            }
            .navigationTitle("Home")
        }
    }
}

方案二：使用枚举优化（推荐） #

用枚举代替字符串标识，避免拼写错误，提升代码安全性：

import SwiftUI

// 定义按钮类型枚举
enum ButtonType: String {
    case play = "Play"
    case ranking = "Ranking"
}

struct ButtonView: View {
    let buttonType: ButtonType
    
    var body: some View {
        NavigationLink(destination: destinationView) {
            Text(buttonType.rawValue)
                .padding()
                .background(Color.blue)
                .foregroundColor(.white)
                .cornerRadius(8)
        }
    }
    
    private var destinationView: some View {
        switch buttonType {
        case .play:
            return AnyView(PlayView())
        case .ranking:
            return AnyView(RankingView())
        }
    }
}

父视图中调用：

struct ContentView: View {
    var body: some View {
        NavigationStack {
            VStack(spacing: 20) {
                ButtonView(buttonType: .play)
                ButtonView(buttonType: .ranking)
            }
            .navigationTitle("Home")
        }
    }
}

关键说明 #

• 使用AnyView是因为不同的视图（如PlayView和RankingView）类型不同，需要通过类型擦除统一为some View类型，满足NavigationLink的destination参数要求。
• 枚举方案比字符串更安全，能在编译期检查错误，避免因字符串拼写错误导致的问题。

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