---
title: "Toolbar Title Alignment | Explore SwiftUI"
description: "Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution"
canonical_url: "https://exploreswiftui.com/library/navigation/toolbar-title-alignment"
meta:
  author: "Explore SwiftUI"
  "og:description": "Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution"
  "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Toolbar%2BTitle%2BAlignment%2Cdescription_~U2V0cyB0aGUgcHJlZmVycmVkIGFsaWdubWVudCBvZiB0aGUgbmF2aWdhdGlvbiBiYXLigJlzIHRpdGxlLiBUaGUgbmF2aWdhdGlvbiBiYXIgcmVzb2x2ZXMgdGhlIGFsaWdubWVudCBvZiBpdHMgdGl0bGUgYXV0b21hdGljYWxseSBiYXNlZCBvbiBjb250ZXh0LCBhbmQgdG9vbGJhciByb2xlcy4gVXNlIHRoaXMgbW9kaWZpZXIgdG8gb3ZlcnJpZGUgdGhhdCByZXNvbHV0aW9uLg%2Ccategory_Navigation%2Cimage_~L2FwaS9pbWFnZXMvMjU4L3ZhcmlhbnRzLzIxMTE~dj0xNzkzNTQyOTYzMjEyJnI9MiZ3PTEyODAmcT04NSZmPWpwZWc%2CimagePosition_top%2CimageMode_crop%2CimageFrame_~Ym9yZGVyLXJhZGl1czogMjZweCAyNnB4IDBweCAwcHg7IGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci1ib3R0b206IDA7IGJveC1zaGFkb3c6IDAgLTEwcHggNTBweCByZ2JhKDM3LDk5LDIzNSwwLjE4KTs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L25hdmlnYXRpb24vdG9vbGJhci10aXRsZS1hbGlnbm1lbnQi%2Cs_hdomicJR5lF1My6x.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Toolbar Title Alignment | Explore SwiftUI"
  "twitter:description": "Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution"
  "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Toolbar%2BTitle%2BAlignment%2Cdescription_~U2V0cyB0aGUgcHJlZmVycmVkIGFsaWdubWVudCBvZiB0aGUgbmF2aWdhdGlvbiBiYXLigJlzIHRpdGxlLiBUaGUgbmF2aWdhdGlvbiBiYXIgcmVzb2x2ZXMgdGhlIGFsaWdubWVudCBvZiBpdHMgdGl0bGUgYXV0b21hdGljYWxseSBiYXNlZCBvbiBjb250ZXh0LCBhbmQgdG9vbGJhciByb2xlcy4gVXNlIHRoaXMgbW9kaWZpZXIgdG8gb3ZlcnJpZGUgdGhhdCByZXNvbHV0aW9uLg%2Ccategory_Navigation%2Cimage_~L2FwaS9pbWFnZXMvMjU4L3ZhcmlhbnRzLzIxMTE~dj0xNzkzNTQyOTYzMjEyJnI9MiZ3PTEyODAmcT04NSZmPWpwZWc%2CimagePosition_top%2CimageMode_crop%2CimageFrame_~Ym9yZGVyLXJhZGl1czogMjZweCAyNnB4IDBweCAwcHg7IGJvcmRlcjogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci1ib3R0b206IDA7IGJveC1zaGFkb3c6IDAgLTEwcHggNTBweCByZ2JhKDM3LDk5LDIzNSwwLjE4KTs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L25hdmlnYXRpb24vdG9vbGJhci10aXRsZS1hbGlnbm1lbnQi%2Cs_hdomicJR5lF1My6x.png"
  "twitter:title": "Toolbar Title Alignment | Explore SwiftUI"
---

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

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

# **Toolbar Title Alignment**

Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution.

![Toolbar Title Alignment - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/258/variants/2111?v=1793542963212&r=2&w=800&q=80&f=webp)

### **Platform Compatibility**

iOS 27.2+ iPadOS 27.2+

### **Tags**

### **SwiftUI Code**

[ Docs](<https://developer.apple.com/documentation/SwiftUI/View/toolbarTitleAlignment(_:)>)

```
NavigationStack {
    Text("Foo")
        .navigationTitle("Bar")
        .toolbarTitleAlignment(.center)
        .toolbarTitleDisplayMode(.inline)
}
```

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

Created: October 15, 2026Updated: November 1, 2026

![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)

```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/navigation/toolbar-title-alignment#webpage","@type":"WebPage","dateModified":"2026-11-01T14:22:43.263Z","datePublished":"2026-10-15T13:46:45.822Z","description":"Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution","name":"Toolbar Title Alignment","url":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment","breadcrumb":{"@id":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/navigation/toolbar-title-alignment"]}],"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/navigation/toolbar-title-alignment#article","dateModified":"2026-11-01T14:22:43.263Z","datePublished":"2026-10-15T13:46:45.822Z","description":"Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution","headline":"Toolbar Title Alignment","inLanguage":"en-US","name":"Toolbar Title Alignment","thumbnailUrl":"https://exploreswiftui.com/api/images/258/variants/2111?v=1793542963212&r=2","url":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment","@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/navigation/toolbar-title-alignment#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/SwiftUI/View/toolbarTitleAlignment(_:)","codeSampleType":"full example","description":"Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution","name":"Toolbar Title Alignment SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"NavigationStack {\n    Text(\"Foo\")\n        .navigationTitle(\"Bar\")\n        .toolbarTitleAlignment(.center)\n        .toolbarTitleDisplayMode(.inline)\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"Navigation"},{"@type":"Thing","name":"Toolbar Title Alignment"}]},{"@id":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Navigation","item":"https://exploreswiftui.com/library/navigation","position":2},{"@type":"ListItem","name":"Toolbar Title Alignment","item":"https://exploreswiftui.com/library/navigation/toolbar-title-alignment","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/258/variants/2111?v=1793542963212&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/258/variants/2111?v=1793542963212&r=2"}]}
```