SwiftUI-TabView

使用交互式用户界面元素在多个子视图之间切换的视图。

struct TabView<SelectionValue, Content> where SelectionValue : Hashable, Content : View

要创建带有选项卡的用户界面,请在Tab中放置视图,并将tabItem(_:)修饰符应用于每个选项卡的内容。在iOS上,您还可以使用徽章修饰符之一,如badge(_:)为每个选项卡分配徽章。

以下示例创建一个带有三个选项卡的选项卡视图,每个选项卡都显示自定义子视图。第一个选项卡有一个数字徽章,第三个选项卡有一个字符串徽章。

TabView {
    ReceivedView()
        .badge(2)
        .tabItem {
            Label("Received", systemImage: "tray.and.arrow.down.fill")
        }
    SentView()
        .tabItem {
            Label("Sent", systemImage: "tray.and.arrow.up.fill")
        }
    AccountView()
        .badge("!")
        .tabItem {
            Label("Account", systemImage: "person.crop.circle.fill")
        }
}

image.png

为每个标签项目使用Label,或者可选地使用TextImage或后跟文本的图像。传递任何其他类型的视图都会产生可见但空的选项卡项。

创建标签页视图

init(content: () -> Content)
当Selection为Int且Content符合View时可用。
init(selection: Binding<SelectionValue>?, content: () -> Content)
创建一个从与Selection值关联的内容中选择的实例。

支持类型

var body: some View
视图的内容和行为。
typealias Body
代表此视图主体的视图类型。
func tabViewStyle<S>(S) -> some View
在当前环境中设置选项卡视图的样式。
func tabItem<V>(() -> V) -> some View
设置与此视图关联的选项卡栏项。
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容