SwiftUI 高级教程之可组合的通用 SwiftUI 视图

可组合的通用 SwiftUI 视图：第 1 部分

编写可组合的 SwiftUI 视图对于视图的可重用性和应用程序的可扩展性非常重要。然而，当混合@ViewBuilder、@escaping、闭包和函数类型时，语法有点棘手。

让我们尝试理解所有的组合并学习不同层次的抽象，从具体的视图类型一直到可组合的通用视图。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-54Oejcwz-1670210501907)(https://upload-images.jianshu.io/upload_images/41085-86a6826ae6556408.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

级别 1：具体视图类型

我们可以使用存储属性或计算属性来组成视图。

struct MyView: View {
    
    var storedPropertyView : Text = Text("view1")
    
    var comptedPropertyView : Text {
        Text("view2")
    }
    
    var storedPropertyViewInitWithClosure : Text = {
        Text("view3")
    }()
    
    var body: some View {
        Form{
            storedPropertyView
            comptedPropertyView
            storedPropertyViewInitWithClosure
        }
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20