Hide Tab Bar On Scroll Down
Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone
Platform Compatibility
Tags
SwiftUI Code
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?
More TabView Components
View all
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
Sets the default expansion state for the section containing this tab to collapsed when displayed in the sidebar.
Tab View Customization Behavior
Configures the customization behavior of customizable tab view content.
Tab View Customization
Specifies the customizations to apply to the sidebar representation of the tab view.
Explore Other Components
Browse all
Navigation Container Background
Sets the container background of the enclosing container using a view.
Text Format
Creates a text view that displays the formatted representation of a nonstring type supported by a corresponding format style.
Item Sheet
Presents a sheet using the given item as a data source for the sheet’s content. On watchOS, sheets are displayed as fullScreenCover.
Message Item Alert
Presents an alert with a message using the given data to produce the alert’s content and a localized string key for a title.
Custom Labeled Content
Creates a standard labeled element, with a view that conveys the value of the element and a label.
