SwiftUI - PageView - 传入不同的视图

Question

我通过线程在 SwiftUI 中成功实现了 PageView：
How to implement PageView in SwiftUI?

通过数组传递多个视图就像一个魅力，只要所有视图都具有相同的结构。
PageView([TestView(), TestView()]).
但是，我想传递不同的观点。
PageView([TestView(), AnotherView(), DifferentView()])。

所有视图均为 SwiftUI 类型：
struct NAME : View { code }

当我尝试向数组添加不同的结构时，我收到以下错误消息：

var pageViewViewArray = [TestView(), AnotherView(), DifferentView()]

异构集合字面量只能推断为'[Any]'； 如果这是故意的，请添加显式类型注释。
插入'作为[任何]

通过将其转换为：

var pageViewViewArray = [TestView(), AnotherView(), DifferentView()] as! [Any]
PageView(pageViewViewArray)

PageView 会说：

协议类型 'Any' 不能符合 'View' 因为只有具体类型才能符合协议

我会非常感谢任何想法。

Answer 1

通过将每个视图强制转换为 AnyView 来尝试使用类型擦除：

var pageViewViewArray: [AnyView] = [AnyView(TestView()), AnyView(AnotherView()), AnyView(DifferentView())]

文档here，以及使用它的示例here。

Answer 2

有一种更有效的方法可以做到这一点，无需类型擦除。您应该创建一个通用视图，在其中注入一个枚举值，然后根据该值返回所需的视图。看看下面的例子：

/// The first type of a view that accepts and shows a number
struct ViewA: View {

    let number: Int

    var body: some View {
        Text("\(number)")
    }
}

/// The second type of a view that accepts and shows a string
struct ViewB: View {

    let string: String

    var body: some View {
        Text(string)
    }
}

/// An enum type used for dependency injection
enum ViewType {

    case viewA(number: Int)
    case viewB(string: String)
}

/// A common view which internally handles different kind of views based on injected enum value
struct CommonView: View {

    let viewType: ViewType

    var body: some View {
        switch viewType {
        case .viewA(let number):
            ViewA(number: number)

        case .viewB(let string):
            ViewB(string: string)
        }
    }
}

// Views used for page view controller, that are now of same type:
var pageViewViewArray = [
    CommonView(viewType: .viewA(number: 1)),
    CommonView(viewType: .viewB(string: "Hello, World!"))
]