14、探索 SwiftUI 中的标签视图与网页内容展示

探索 SwiftUI 中的标签视图与网页内容展示

1. 标签栏与标签视图概述

标签栏是位于屏幕底部的一排始终可见的按钮，作为导航组件，可打开应用的不同功能。早期，由于小屏幕设备的限制，标签栏占用宝贵的屏幕空间，不太受主流 UI 设计青睐。但随着 2014 年末大屏 iPhone 6 和 6 Plus 的发布，许多知名应用如 Facebook、Whatsapp 等纷纷采用标签栏导航。尽管标签栏会占用屏幕空间，但用户只需轻点一下就能访问应用的核心功能，这种权衡是值得的。

导航控制器通过管理视图控制器栈来实现分层内容导航，而标签栏则管理多个可能没有直接关系的视图控制器。通常，一个标签栏控制器至少包含两个标签，最多可添加五个标签，具体取决于应用需求。

2. 使用 TabView 创建标签界面

之前我们将 TabView 配置为分页滚动视图，现在我们要用它创建标准的标签界面。我们将创建一个包含三个项目的标签栏：
- Favorites ：餐厅列表屏幕。
- Discover ：用于发现全球朋友或美食爱好者推荐的心仪餐厅的新屏幕（后续章节实现）。
- About ：应用的“关于”屏幕（后续章节填充内容）。

创建标准标签视图的步骤如下：
1. 创建标准标签视图示例代码 ：

TabView {
    Text("Discover")
      .tab