Day15：SwiftUI—TabView

前言

前面两篇介绍了 List、ForEach、ScrollView、Navigation，
这篇文章继续介绍 SwiftUI 的内容，
今天来研究 TabView。

实作

• 打开一个新的专案:
  
  删除 .padding() 把 text 放入 TabView 里面：
  
  
  会发现 preview 下方栏位出现了一个标签栏，
  现在标签栏没有内容。
  然後我们使用 tabItem 填入内容并更改 text：
  
  
  这是我们的第一个 TabView，
  再来宣告第二个：
  
  
  
  通过 TabView 实现多个选项卡界面很简单，
  接下来讨论下更多功能。
• 追踪当前的选项卡
  宣告一个变数来追踪当前选择的选项卡：

@State var tabIndex = 0

并在 TabView 中传入变数 tabIndex 跟踪状态：

当变数 tabIndex 更改时，
引用该变数的 view code 都会检测到更改然後自动更新 UI。
在 TabView 中，使用者可以通过切换两个选项界面进行交互产生数据，
所以带入 TabView 中的参数 tabIndex 更改时，

@State var tabIndex = 0

也应该随之更改。
所以这是一种双向的绑定关系，
我们通过在带入 TabView 中的参数 tabIndex 前添加 $ 完成绑定,
并且在不同 tabview 上添加 tag() 来区分：

打开 simulator：

打开专案，默认进入 tab1。