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
}
}
}
相关文章
- Word控件Spire.Doc 【Table】教程(5):创建表格并在 Doc 文档中设置其边框
- 地球引擎中级教程——reducer统计的运用(含练习)
- Linux教程+操作系统教程 -- 大全
- KaliLinux常用服务配置教程DHCP服务工作流程
- iOS 11开发教程(十九)iOS11应用视图美化按钮之设置按钮的外观
- iOS 11开发教程(十二)iOS11应用视图始祖——UIView
- iOS 11开发教程(十一)了解iOS11应用视图
- Xamarin XAML语言教程模板视图TemplatedView(二)
- Xamarin XAML语言教程ContentView视图作为自定义视图的父类
- iOS 9应用开发教程之多行读写文本ios9文本视图
- iOS 9应用开发教程之创建iOS 9项目与模拟器介绍
- 《Adobe Flash CS4中文版经典教程》——1.10 发布影片
- NumPy 系列教程 001:入门和使用数组
- ChatGPT教程之 04 使用 ChatGPT 解决 Leetcode 难题?
- SwiftUI 4 新功能 之 网格视图Gridview组件 (教程含源码)
- SwiftUI4 iOS16 新增组件之 04 ImageRenderer 从 SwiftUI 视图中导出位图图像数据组件(WWDC 2022教程含源码)
- SwiftUI实战教程之创建Tinder样式的可左右滑动卡视图(项目含源码)
- macOS SwiftUI 教程之 12 字体、风格样式、竖排版,文本视图显示一行或多行只读文本。(教程含源码)
- macOS SwiftUI 教程之 实现点击获取具体位置并监测单机双击(教程含源码)
- macOS SwiftUI动画教程之淡入淡出组件(教程含源码)
- GIS教程之哪种语言更适合地理可视化:R 还是 Python?
- Laravel 5 系列教程三:视图变量传递和Blade
- WPF教程(十)使用App.xaml
- GShang博客园主题高级版本适配教程详解
- TrueNAS使用教程
- MySQL 教程(基础篇)第04话:mysqld 和 mysql 命令的区别