iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

TabView

Hide Tab Bar On Scroll Down

Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone

Explore Hide Tab Bar On Scroll Down on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
TabView {
    Tab("1", systemImage: "1.circle") {
        List {
            ForEach(0 ..< 100, id: \.self) {
                Text("Item \($0)")
            }
        }
    }

    Tab("2", systemImage: "2.circle") {
        EmptyView()
    }

    Tab("3", systemImage: "3.circle") {
        EmptyView()
    }
}
.tabBarMinimizeBehavior(.onScrollDown)

Compatibility

iOS 26.0+ iPadOS 26.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Hide Tab Bar On Scroll Down.

1 views