独立开发者

项目名称：swiftui-vertical-tab-view

swiftui-vertical-tab-view 是一个开源的 SwiftUI 库，它实现了一个垂直分页的标签视图 VTabView，这是 iOS 14 新增的 TabView PageTabViewStyle 的原生实现方式。以下是该项目的主要特点和使用方法：

使用方法

使用 VTabView 就像使用任何其他 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。

安装

1. 在 Xcode 中，打开你的项目，然后前往 File → Swift Packages → Add Package Dependency...

2. 粘贴仓库 URL（https://github.com/lorenzofiamingo/swiftui-vertical-tab-view）并点击 Next。

3. 点击 Finish。

其他项目

• SwiftUI VariadicViews 🥞

• SwiftUI AsyncButton 🖲️

• SwiftUI MapItemPicker 🗺️

• SwiftUI PhotosPicker 🌇

• SwiftUI CachedAsyncImage 🗃️

• SwiftUI SharedObject 🍱