swiftui - 如何对齐SwiftUI navigationBarTitle以居中？

Question

如何在SwiftUI中将导航栏标题居中？

var body: some View {
    NavigationView {
        .navigationBarTitle("Todo Lists")
    }
}

Answer 1

.navigationBarTitle允许三种显示模式-.large，.inline和.automatic。

从文档中:

case automatic

Inherit the display mode from the previous navigation item.

case inline

Display the title within the standard bounds of the navigation bar.

case large

Display a large title within an expanded navigation bar.

因此，这取决于您说“在SwiftUI中如何将导航栏标题居中”的意思。您不能使显示模式为 .large的导航栏标题居中。您也不能左对齐或右对齐显示模式为 .inline的导航栏标题。如果要使导航栏标题居中，则唯一的选择是使用 .inline。

var body: some View {
    NavigationView {
        CustomView()
            .navigationBarTitle("Todo Lists", displayMode: .inline)
    }
}