---
title: "Hide Tab Bar On Scroll Down | Explore SwiftUI"
description: "Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone"
canonical_url: "https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down"
meta:
  author: "Explore SwiftUI"
  "og:description": "Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone"
  "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Hide%2BTab%2BBar%2BOn%2BScroll%2BDown%2Cdescription_Minimize%2Bthe%2Btab%2Bbar%2Bwhen%2Bdownwards%2Bscrolling%2Bstarts.%2BMinimizing%2Bis%2Bsupported%2Bfor%2Btab%2Bbars%2Bon%2Bonly%2BiPhone%2Ccategory_TabView%2Cimage_~L2FwaS9pbWFnZXMvODgvdmFyaWFudHMvMzgzP3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_bottom%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiAwOyBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L3RhYnZpZXcvaGlkZS10YWItYmFyLW9uLXNjcm9sbC1kb3duIg%2Cs_8Wwt8ioRwlKFMFWB.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Hide Tab Bar On Scroll Down | Explore SwiftUI"
  "twitter:description": "Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone"
  "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Hide%2BTab%2BBar%2BOn%2BScroll%2BDown%2Cdescription_Minimize%2Bthe%2Btab%2Bbar%2Bwhen%2Bdownwards%2Bscrolling%2Bstarts.%2BMinimizing%2Bis%2Bsupported%2Bfor%2Btab%2Bbars%2Bon%2Bonly%2BiPhone%2Ccategory_TabView%2Cimage_~L2FwaS9pbWFnZXMvODgvdmFyaWFudHMvMzgzP3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_bottom%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiAwOyBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L3RhYnZpZXcvaGlkZS10YWItYmFyLW9uLXNjcm9sbC1kb3duIg%2Cs_8Wwt8ioRwlKFMFWB.png"
  "twitter:title": "Hide Tab Bar On Scroll Down | Explore SwiftUI"
---

> Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt)

**Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=88)

# **Hide Tab Bar On Scroll Down**

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

![Hide Tab Bar On Scroll Down - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/88/variants/383?v=1790073478842&r=2&w=800&q=80&f=webp)

### **Platform Compatibility**

iOS 26.0+ iPadOS 26.0+

### **Tags**

### **SwiftUI Code**

[ Docs](https://developer.apple.com/documentation/swiftui/tabbarminimizebehavior/onscrolldown)

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

### **Found an issue or have a suggestion?**

Created: June 10, 2025Updated: December 28, 2025

![Connect Wizard](https://exploreswiftui.com/_ipx/f_webp&q_80&s_48x48/images/connect-wizard-icon.png)

**Connect Wizard**

**Unlock insights App Store Connect doesn’t show you.**

[** Get Started **](https://apps.apple.com/app/apple-store/id6747314580?pt=121213751&ct=Explore%20SwiftUI%20Banner&mt=8)

### **More TabView Components **

[**View all **](https://exploreswiftui.com/library/tabview)

![Collapse Sidebar Sections by Default - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/259/variants/2039?v=1792566366133&r=2&w=412&q=75&f=webp)

### **Collapse Sidebar Sections by Default**

Collapses the section in the sidebar by default.

![Default Tab Bar Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/239/variants/2069?v=1792681374978&r=2&w=412&q=75&f=webp)

### **Default Tab Bar Placement**

Specifies the preferred placement for the tabs of a TabView in the sidebarAdaptable style on platforms where the tab bar cannot adapt between different representations, and only one representation can be shown. For example, on iOS, it can enforce the sidebar on large-screen devices like the Pro Max, and iPhone Duo. This modifier has no effect on iPadOS.

![Default Collapsed Tab Section - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/234/variants/341?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Default Collapsed Tab Section**

Sets the default expansion state for the section containing this tab to collapsed when displayed in the sidebar.

![Tab View Customization Behavior - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/166/variants/669?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Tab View Customization Behavior**

Configures the customization behavior of customizable tab view content.

![Tab View Customization - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/164/variants/671?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Tab View Customization**

Specifies the customizations to apply to the sidebar representation of the tab view.

![Tab View Side Bar Footer - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/168/variants/735?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Tab View Side Bar Footer**

Adds a custom footer to the sidebar of a tab view.

![Tab View Side Bar Bottom Bar - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/169/variants/707?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Tab View Side Bar Bottom Bar**

Adds a custom bottom bar to the sidebar of a tab view.

![Default Adaptable Tab Bar Placement - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/170/variants/673?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Default Adaptable Tab Bar Placement**

Specifies the default placement for the tabs in a tab view using the adaptable sidebar style.

### **Explore Other Components **

[**Browse all **](https://exploreswiftui.com/)

![Subscription Store View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/225/variants/531?v=1792441754239&r=2&w=412&q=75&f=webp)

### **Subscription Store View**

Creates a view that loads subscriptions based on a collection of product identifiers, and merchandises them with automatic marketing content.

![Disable Sheet Dismiss Swipe - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/145/variants/486?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Disable Sheet Dismiss Swipe**

Conditionally prevents interactive dismissal of presentations like popovers, sheets, and inspectors. Dragging the sheet is still possible to a limited extent, as shown in the screenshot, but it will never be dismissed.

![Image Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/147/variants/464?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Image Label**

Creates a label with an icon image and a title generated from a localized string.

![Sheet Background Interaction - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/140/variants/434?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Sheet Background Interaction**

Controls whether people can interact with the view behind a presentation.

![Product View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/202/variants/509?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Product View**

Creates a view to load and merchandise an individual product from the App Store.

![CompactProductViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/207/variants/516?v=1790073478842&r=2&w=412&q=75&f=webp)

### **CompactProductViewStyle**

A style for a product view that’s suitable for layouts with less available space, or for displaying more items in a small amount of space.

![Concentric Rectangle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/153/variants/498?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Concentric Rectangle**

A concentric rectangle whose corner radii are defined from the same circle center as its parent element. The outermost parent is the device frame.

![Custom Icon Product View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/203/variants/504?v=1790073478842&r=2&w=412&q=75&f=webp)

### **Custom Icon Product View**

Creates a view to load an individual product from the App Store and merchandise it using a custom icon.

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#webpage","@type":"WebPage","dateModified":"2025-12-28T10:05:21.963Z","datePublished":"2025-06-10T09:53:52.406Z","description":"Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone","name":"Hide Tab Bar On Scroll Down","url":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down","breadcrumb":{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#article","dateModified":"2025-12-28T10:05:21.963Z","datePublished":"2025-06-10T09:53:52.406Z","description":"Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone","headline":"Hide Tab Bar On Scroll Down","inLanguage":"en-US","name":"Hide Tab Bar On Scroll Down","thumbnailUrl":"https://exploreswiftui.com/api/images/88/variants/383?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@type":"WebSite","name":"Explore SwiftUI","url":"https://exploreswiftui.com"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/tabbarminimizebehavior/onscrolldown","codeSampleType":"full example","description":"Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone","name":"Hide Tab Bar On Scroll Down SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"TabView {\n    Tab(\"1\", systemImage: \"1.circle\") {\n        List {\n            ForEach(0 ..\u003C 100, id: \\.self) {\n                Text(\"Item \\($0)\")\n            }\n        }\n    }\n\n    Tab(\"2\", systemImage: \"2.circle\") {\n        EmptyView()\n    }\n\n    Tab(\"3\", systemImage: \"3.circle\") {\n        EmptyView()\n    }\n}\n.tabBarMinimizeBehavior(.onScrollDown)","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"TabView"},{"@type":"Thing","name":"Hide Tab Bar On Scroll Down"}]},{"@id":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"TabView","item":"https://exploreswiftui.com/library/tabview","position":2},{"@type":"ListItem","name":"Hide Tab Bar On Scroll Down","item":"https://exploreswiftui.com/library/tabview/hide-tab-bar-on-scroll-down","position":3}]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"},{"@id":"https://exploreswiftui.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://exploreswiftui.com/api/images/88/variants/383?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/88/variants/383?v=1790073478842&r=2"}]}
```