为什么使用 SwiftUI 不显示导航标题？

Question

我正在使用苹果官方教程学习SwiftUI： https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation

在我尝试通过调用.navigationBarTitle 在NavigationView 上显示导航标题之前，一切正常。

我尝试刷新实时视图，重新启动 Xcode，但仍然没有显示。

这是我的代码：

import SwiftUI

struct LandmarkList : View {
    var body: some View {
        NavigationView {
            List(landmarkData) { landmark in
                LandmarkRow(landmark: landmark)
            }
        }
        .navigationBarItem(title: Text("Done"))
        .navigationBarTitle(Text("Landmarks"))
    }
}

#if DEBUG
struct LandmarkList_Previews : PreviewProvider {
    static var previews: some View {
        LandmarkList()
    }
}
#endif

Xcode 看起来像这样：

根据教程，它应该显示导航标题，但在我的情况下没有。

知道为什么吗？谢谢！

Answer 1

说明：

NavigationView 只是一些内容的容器。当您从一个页面导航到另一个页面时，内容会发生变化，但 NavigationView 仍然存在。

重点是NavigationView 在显示每个view 的内容时都会显示它。所以它会和目的地一起封装。

最后，您应该在导航内（在内容上）添加所有导航修饰符

---

示例：

struct Content: View {
    var body: some View {
        Text("Some. content")
            .navigationBarItem(title: Text("Done"))
            .navigationBarTitle(Text("Landmarks"))
    }
}

struct Parent: View {
    var body: some View {
        NavigationView {
            Content() // This contains navigation modifiers inside the view itself
        }
    }
}

Answer 2

.navigationBarTitle() 和.navigationBarItem() 是View 内部NavigationView 的修饰符，而不是NavigationView 本身：

struct LandmarkList: View {
    var body: some View {
        NavigationView {
            List(landmarkData) { landmark in
                LandmarkRow(landmark: landmark)
            }
            .navigationBarItem(title: Text("Done"))
            .navigationBarTitle(Text("Landmarks"))
        }
    }
}

如果你仔细想想，这是有道理的。随着NavigationView 中的View 发生变化，新的View 指示导航栏的标题和内容应该是什么。