Skip to main content
.toolbarVisibility(
    visibility: "visible" | "hidden" | "automatic",
    bars?: ToolbarBarPlacement | ToolbarBarPlacement[]
): Component
​
visibility
"visible" | "hidden" | "automatic"
required
Whether the toolbar is visible, hidden, or determined automatically by the system.
​
bars
ToolbarBarPlacement | ToolbarBarPlacement[]
Which toolbars to affect (e.g., "navigationBar", "tabBar", "bottomBar"). When omitted, applies to all toolbars.

​
Support

​
Usage

​
Hide navigation bar

ScrollView([
    ForEach(items, (item) =>
        Text(item.name).padding(12)
    )
]).toolbarVisibility("hidden", "navigationBar")

​
Hide tab bar

VStack([
    Text("Full screen content")
]).toolbarVisibility("hidden", "tabBar")

​
Hide all toolbars

Image({ url: "photo.jpg" })
    .resizable()
    .scaledToFill()
    .ignoresSafeArea()
    .toolbarVisibility("hidden")

​
Hide multiple specific bars

VStack([
    Text("Immersive view")
]).toolbarVisibility("hidden", ["navigationBar", "tabBar"])