SwiftUI 垂直标签视图 🔝

VTabView 是在 SwiftUI 中显示分页垂直内容的原生方式。

它利用了 iOS 14 新增的 TabView PageTabViewStyle 来实现。

用法

像使用其他 TabView 一样使用

import SwiftUI
import VTabView

VTabView {
    Text("The First Tab")
        .tabItem {
            Image(systemName: "square.fill")
        }
    Text("Another Tab")
        .tabItem {
            Image(systemName: "circle.fill")
        }
    Text("The Last Tab")
        .tabItem {
            Image(systemName: "triangle.fill")
        }
}
.tabViewStyle(PageTabViewStyle())

你也可以将索引移到右侧

VTabView(indexPosition: .trailing) {
    ...
}
.tabViewStyle(PageTabViewStyle())

或移除它

VTabView {
    ...
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))

局限性

默认情况下，TabView 在所有方向上都会反弹。

VTabView 旨在与 .tabViewStyle(PageTabViewStyle()) 一起使用，但你也可以使用 DefaultTabViewStyle。请记住，标签项将不会具有你可能希望获得的朝向。一种解决方法是在 tabItem 中不使用 Text，而仅使用正确转换的 Image。

安装

在 Xcode 中，打开你的项目并导航到 File → Swift Packages → Add Package Dependency...
粘贴仓库 URL (https://github.com/lorenzofiamingo/swiftui-vertical-tab-view) 并点击 Next。
点击 Finish。

其他项目