功能需求
我们知道 TabView 是 SwiftUI 中非常好用的布局组织容器,它可以分类组织视图并依次展示给用户。
从 SwiftUI 2.0 开始(iOS 14.0+),TabView 除了常规的以标签(Tab Label)样式显示外,还可以用类似 UIPageView 的样式分页原生显示视图,显得更加简洁:
如上图所示,TabView 分页显示样式更加自然和优雅。
想知道如何实现吗?实现出乎意料的简单!
Let’s find out!!!😉
PS:除了使用 TabView 原生分页显示以外,我们还可以桥接 UIKit 控件实现同样的功能,感兴趣的小伙伴请移步 SwiftUI 使用 UIPageViewController 翻页后出现空白的原因及解决 博文观赏。
功能分析
1. TabView 经典标签样式
自从 SwiftUI 诞生那天起,