A type that defines the behavior of title of a toolbar.
Use the ``View/toolbarTitleDisplayMode(_:)`` modifier to configure
the title display behavior of your toolbar:
NavigationStack {
ContentView()
.toolbarTitleDisplayMode(.inlineLarge)
}
Members (4)
get · iOS 17.0+
inlineLarge
TypeScript
static get inlineLarge(): ToolbarTitleDisplayMode
Swift declaration
static var inlineLarge: ToolbarTitleDisplayMode { get }
The inline large mode.
In iOS, this behavior displays the title as large inside the toolbar
and moves any leading or centered toolbar items into the overflow menu
of the toolbar. This has no effect in macOS.
get · iOS 17.0+
large
TypeScript
static get large(): ToolbarTitleDisplayMode
Swift declaration
static var large: ToolbarTitleDisplayMode { get }
The large mode.
In iOS, and watchOS, this displays the toolbar title below the
content of the navigation bar when scrollable content is scrolled
to the top and transitions to the center of the toolbar as
content is scrolled.
get · iOS 17.0+
inline
TypeScript
static get inline(): ToolbarTitleDisplayMode
Swift declaration
static var inline: ToolbarTitleDisplayMode { get }
The inline mode.
In iOS, tvOS, and watchOS this mode displays the title with a
smaller size in the middle of the toolbar. This has no effect
in macOS.
get · iOS 17.0+
automatic
TypeScript
static get automatic(): ToolbarTitleDisplayMode
Swift declaration
static var automatic: ToolbarTitleDisplayMode { get }
The automatic mode.
For root content in a navigation stack in iOS, iPadOS, or tvOS
this behavior will:
- Default to ``ToolbarTitleDisplayMode/large``
when a navigation title is configured.
- Default to ``ToolbarTitleDisplayMode/inline``
when no navigation title is provided.
In all platforms, content pushed onto a navigation stack will use the
behavior of the content already on the navigation stack. This
has no effect in macOS.