首页 > 解决方案 > 如何指定将保存 SwiftUI 自定义视图的数组的类型信息

问题描述

我正在学习 SwiftUI,并且我知道要使用 SwiftUI 框架创建视图元素,您的自定义类型必须符合“视图”协议。我有一个要求,我想声明一个数组,该数组将包含我将通过创建一个实现“视图”协议的 Struct 来创建的自定义 SwiftUI 组件。现在我不确定要提到什么作为数组的类型,因为提供 'View' 作为类型会导致编译器错误,因为“ Protocol 'View' 只能用作通用约束,因为它具有 Self 或关联的类型要求”。

struct ContentView: View {
    
    var tabs : [View]
    
    var body: some View {
        Text("Hello World")
    }
}

标签: swiftswiftui

解决方案


这是根据某些模型枚举生成不同视图的可能方法的演示。使用 Xcode 11.4 / iOS 13.4 测试

演示

enum CustomTabDescriptior: Int {
    case one = 1
    case two = 2
    case three = 3

    var label: String {
        "\(self.rawValue).square"
    }

    // can be used also a function with arguments to be passed inside
    // created corresponding views
    var view: some View {
        Group {
            if self == .one {
                Text("One")    // << any custom view here or below
            }
            if self == .two {
                Image(systemName: "2.square")
            }
            if self == .three {
                Button("Three") {
                    print(">> activated !!")
                }
            }
        }
    }
}

struct DemoDynamicTabView: View {
    let tabs: [CustomTabDescriptior] = [.one, .two, .three]
    var body: some View {
        TabView {
            ForEach(tabs, id: \.self) { tab in
                tab.view
                    .tabItem {
                        Image(systemName: tab.label)
                    }
            }
        }
    }
}

推荐阅读