SwiftUI中如何返回通用视图及解决‘GenericView无法遵循View协议’错误

Hey there! Let’s figure out how to fix that SwiftUI protocol conformance error and build your dynamic view loader without messy switch statements.

First, let’s break down the error #

The "Type GenericView cannot conform to View" issue happens because SwiftUI's View protocol has an associated type (Body), and raw protocol types can’t be treated as concrete View types—Swift needs to know the exact type of the view’s body at compile time, which a plain protocol can’t provide.

Solution 1: Fix your dictionary-based view storage #

If you want to stick with storing views in a dictionary, we’ll use AnyView (SwiftUI’s type-erased wrapper) to make the protocol compatible with View requirements. Here’s the adjusted code:

import SwiftUI

// Update the protocol to return a type-erased view
protocol GenericView {
    func makeErasedView() -> AnyView
}

// Conform your views to the protocol
struct View1: View, GenericView {
    var body: some View {
        Text("View1")
    }
    
    func makeErasedView() -> AnyView {
        AnyView(self)
    }
}

struct View2: View, GenericView {
    // Fix: A View's body can only return one view—wrap in VStack
    var body: some View {
        VStack {
            Text("View2")
            Text("View2 details")
        }
    }
    
    func makeErasedView() -> AnyView {
        AnyView(self)
    }
}

struct MyView: View {
    // Store type-erased views instead of raw protocol types
    let containerView: [String: AnyView]
    
    init() {
        containerView = [
            "View1": View1().makeErasedView(),
            "View2": View2().makeErasedView()
        ]
    }
    
    var body: some View {
        // Now AnyView works directly as a View
        containerView["View1"] ?? Text("Default View")
    }
}

Solution 2: ViewModel-driven dynamic views (best for your List scenario) #

Since your end goal is to load views from a list of viewModels, this MVVM-aligned approach is cleaner and avoids hardcoded strings entirely. We’ll let each viewModel handle creating its corresponding view:

import SwiftUI

// 1. Define a base ViewModel protocol (with Identifiable for ForEach)
protocol BaseViewModel: Identifiable {
    func makeView() -> AnyView
}

// 2. Create concrete ViewModels for each view
struct View1ViewModel: BaseViewModel {
    let id = UUID()
    
    func makeView() -> AnyView {
        AnyView(View1())
    }
}

struct View2ViewModel: BaseViewModel {
    let id = UUID()
    
    func makeView() -> AnyView {
        AnyView(View2())
    }
}

// 3. Keep your view definitions simple
struct View1: View {
    var body: some View {
        Text("View1")
    }
}

struct View2: View {
    var body: some View {
        VStack {
            Text("View2")
            Text("View2 details")
        }
    }
}

// 4. Use it in your List (no switch statements needed!)
struct ContentView: View {
    let viewModels: [BaseViewModel] = [
        View1ViewModel(),
        View2ViewModel(),
        View1ViewModel()
    ]
    
    var body: some View {
        List {
            ForEach(viewModels) { viewModel in
                viewModel.makeView()
            }
        }
    }
}

Bonus: Make it safer with an enum

To avoid typos if you were using string identifiers, swap strings with a strongly-typed enum:

enum ViewType {
    case view1, view2
}

protocol BaseViewModel: Identifiable {
    var viewType: ViewType { get }
    func makeView() -> AnyView
}

struct View1ViewModel: BaseViewModel {
    let id = UUID()
    let viewType: ViewType = .view1
    
    func makeView() -> AnyView {
        AnyView(View1())
    }
}

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