您现在的位置是：首页 >技术交流 >SwiftUI 中 TabView 如何原生使用类 UIPageView 的翻页样式？网站首页技术交流

SwiftUI 中 TabView 如何原生使用类 UIPageView 的翻页样式？

大熊猫侯佩 2023-06-11 04:00:04
简介SwiftUI 中 TabView 如何原生使用类 UIPageView 的翻页样式？

在这里插入图片描述

功能需求

我们知道 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 诞生那天起，

风语者！平时喜欢研究各种技术，目前在从事后端开发工作，热爱生活、热爱工作。

站长推荐