SwiftUIで.navigationBarTitleDisplayMode(_:)を使用すると、ナビゲーションバーのタイトル表示モードをカスタマイズできます。
このモディファイアには.inline、.、またはlarge.automaticのいずれかの値を指定します。.inlineはタイトルをナビゲーションバーの中に小さく表示し、.largeは大きく表示します。.automaticを指定すると、プラットフォームのデフォルト設定に従います。
パラメータ
automatic:プラットフォームのデフォルト設定に従うinline:ナビゲーションバーの中で小さく表示する:ナビゲーションバーで大きく表示する(デフォルト設定と同じ)large
使用例は以下の通り:
import SwiftUI
struct NavigationBar: View {
var body: some View {
NavigationStack {
List {
NavigationLink("詳細を表示", destination: ChildNavigationBar())
}
.navigationTitle("ビュータイトル")
// ナビゲーションタイトルの表示モードを指定
.navigationBarTitleDisplayMode(.large)
}
}
}このコードでは、ナビゲーションバーのタイトルを”large”モードで表示しています。
パラメータによる見た目の変化

large
inlineまとめ
表示モードを切り替えることができることを覚えておくと、ナビゲーションバータイトルを小さく表示したいビューなどに活用できます。

