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

Lorenzo Fiamingo

Last update: Dec 16, 2022

Related tags

Overview

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.

Usage

Use like any other TabView:

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())

You can also move index to the right

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

or remove it

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

Limitation

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.

Installation

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

Other projects

CachedAsyncImage 🗃️

SharedObject 🍱

WeatherDiscussions - Select NOAA regions and display weather discussions for that region

An example of the core concepts of iOS development This is a simple three screen

0 Feb 17, 2022

BitPrice - an iOS app that display and monitor the current Bitcoint (BTC) rate

37 Dec 11, 2022

Demonstration of using UIWindowScene and SwiftUI to provide a native-looking Mac preferences window in Catalyst

CatalystPrefsWindow Ever wondered how to create a more Mac-like preferences window for Catalyst? Perhaps Settings Bundles are too limiting for the kin

148 Dec 27, 2022

A native SoundCloud app for macOS, written in SwiftUI

Nuage A native SoundCloud app for macOS, written in SwiftUI About Nuage is an independent and open-source project to build a native SoundCloud client

203 Dec 30, 2022

📱 Guideo - Native iOS App crafted with Swift and SwiftUI

Guideo An awesome iOS Native App 📱 About Guideo App wire-framed and crafted from scratch by a team of 4. Our final project of the  Apple Foundation

5 Oct 12, 2022

A completely native Discord client for macOS built 100% in Swift and SwiftUI

Swiftcord A completely native Discord client for macOS built 100% in Swift and SwiftUI This project aims to create a fully functional native Discord c

1.1k Jan 9, 2023

Native iOS app built in SwiftUI, displays a collection of user's books.

1 May 23, 2022

A native, customizable SwiftUI refresh control

Refresher A customizable, native Swift UI refresh control for iOS 14+ Why? the native SwiftUI refresh control only works on iOS 15+ the native UIKit r

26 Nov 29, 2022

Riddler is a riddle game built as a native iOS app in Swift using SwiftUI

Riddler is a riddle game built as a native iOS app in Swift using SwiftUI. It includes 50 challenging riddles with hints for when you get stuck. The game tracks your stats so you can compare your performance against your friends, and see who can answer all 50 riddles the quickest.