如何在SwiftUI的switch语句中展示对应视图？

首先，假设你的SideMenuViewModel枚举定义如下（若已有定义可直接跳过）：

enum SideMenuViewModel: CaseIterable {
    case home
    case users
    case settings
    case logout
    
    // 可选：为每个选项添加显示标题，方便侧边菜单渲染
    var title: String {
        switch self {
        case .home: return "首页"
        case .users: return "用户管理"
        case .settings: return "设置"
        case .logout: return "退出登录"
        }
    }
}

方法一：直接在View的body中使用Switch分支 #

通过@State或@Binding跟踪当前选中的菜单选项，在主内容区域用switch匹配每个枚举case，返回对应视图：

struct MainContentView: View {
    // 跟踪选中的菜单选项，默认选中home
    @State private var selectedMenu: SideMenuViewModel = .home
    
    var body: some View {
        HStack(spacing: 0) {
            // 侧边菜单：遍历枚举所有选项生成按钮
            List(SideMenuViewModel.allCases, id: \.self) { menuItem in
                Button(action: {
                    selectedMenu = menuItem
                }) {
                    HStack {
                        Text(menuItem.title)
                            .foregroundColor(.primary)
                    }
                    .padding(.vertical, 8)
                }
            }
            .frame(width: 220)
            .listStyle(.sidebar)
            
            // 主内容区域：根据选中的菜单切换视图
            switch selectedMenu {
            case .home:
                HomeView()
            case .users:
                UsersView()
            case .settings:
                SettingsView()
            case .logout:
                LogoutConfirmationView()
            }
        }
    }
}

// 示例子视图（根据实际需求实现）
struct HomeView: View {
    var body: some View {
        Text("首页内容")
            .font(.largeTitle)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct UsersView: View {
    var body: some View {
        Text("用户管理页面")
            .font(.largeTitle)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct SettingsView: View {
    var body: some View {
        Text("设置页面")
            .font(.largeTitle)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

struct LogoutConfirmationView: View {
    var body: some View {
        Text("确认退出登录？")
            .font(.largeTitle)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

方法二：在枚举中添加视图映射（更简洁） #

给SideMenuViewModel扩展一个返回对应视图的属性，避免在View中写冗长的switch分支：

extension SideMenuViewModel {
    var associatedView: AnyView {
        switch self {
        case .home: return AnyView(HomeView())
        case .users: return AnyView(UsersView())
        case .settings: return AnyView(SettingsView())
        case .logout: return AnyView(LogoutConfirmationView())
        }
    }
}

// 主内容区域可简化为：
selectedMenu.associatedView

关键说明 #

• 使用@State管理选中状态：若为子视图，建议用@Binding从父视图传递选中状态
• CaseIterable协议：让枚举可通过allCases遍历所有选项，快速生成侧边菜单
• AnyView的使用：当需要返回不同类型的View时，用AnyView擦除类型，保证switch分支返回的类型一致

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