zl程序教程

您现在的位置是:首页 >  其他

当前栏目

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

教程 视图 高级 SwiftUI 组合 通用
2023-09-11 14:18:29 时间

可组合的通用 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
        }
    }
}