TabView

开始使用

用于切换多个字视图的标签组件。类似于 UIKit 中的 UITabBarController。

1    TabView {
2        CostomView()
3        CostomView()
4        ...
5    }

⚠️在 TabView 中嵌入5个以上的子视图后, 第5个及以后子视图的将会被 More 的 视图替换。

配置 tabItem

tabItem 接收一个 Label 组件，用于显示在标签页上。

1
2    TabView {
3        CostomView()
4           .tabItem {
5                Label("title", systemImage: "star.fill")
6           }
7        ...
8    }

配置 accentColor

accentColor 属性类似于 UIKit 中的 UITabBarController 的 barTintColor 属性，用于设置标签页的颜色。

1
2    TabView {
3        ...
4    }.accentColor(.red)

配置 tabViewStyle

tabViewStyle 属性用于控制 TabView 的展示样式与交互方式。

• .automatic: 呈现效果及交互方式类似于 UIKit 中的 UITabBarController
• .page: 呈现效果及交互方式类似于 UIKit 中的 UIPageViewController

1
2    TabView {
3        ...
4    }.tabViewStyle(.automatic)