VerticalTabView is a native way to display paged vertical content in SwiftUI.

What's New

SwiftUI VerticalTabView 2.0.0


SwiftUI VerticalTabView πŸ”

VTabView is a native way to display paged vertical content in SwiftUI.

To work it makes use of the new iOS 14 TabView PageTabViewStyle.


Use like any other 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")

You can also move index to the right

VTabView(indexPosition: .trailing) {

or remove it

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


TabView bounces in all directions by default.

VTabView is meant to be used with .tabViewStyle(PageTabViewStyle()) but you can also use DefaultTabViewStyle. Only remember that tab items will not have the orientation you would probably like to obtain. A workaround for this would be in tabItem to not use Text but only an Image correctly transformed.


  1. In Xcode, open your project and navigate to File β†’ Swift Packages β†’ Add Package Dependency...
  2. Paste the repository URL (https://github.com/lorenzofiamingo/SwiftUI-VerticalTabView) and click Next.
  3. Click Finish.

Other projects

SwiftUI MapItemPicker πŸ—ΊοΈ

SwiftUI PhotosPicker πŸŒ‡

SwiftUI CachedAsyncImage πŸ—ƒοΈ

SwiftUI SharedObject 🍱


  • Swift Tools 5.3.0
View More Packages from this Author


  • None
Last updated: Wed Mar 29 2023 06:46:51 GMT-0500 (GMT-05:00)