SwiftUI自定义导航标题异常：各Tab均显示Home标题无法修改求解决

云上老周

2026-8-9

解决SwiftUI TabView导航标题统一显示"Home"且无法修改的问题

问题出在导航标题的作用层级和设置位置上，SwiftUI的navigationTitle必须依赖导航容器（NavigationStack/NavigationView）才能生效，且正确的设置位置应该是每个Tab对应的子视图内部，而不是直接加在TabView的子视图修饰符上。

具体修复步骤：

给TabView套上导航容器
首先确保你的TabView被NavigationStack（iOS 16+）或NavigationView（iOS 15及以下）包裹，因为导航标题必须在导航容器的上下文里才能正常工作：

NavigationStack {
    TabView(){
         FeedView()
             .tabItem {
                 Image(systemName: "h.circle")
             }
         JobsView()
             .tabItem {
                 Image(systemName: "j.circle")
             }
      }
}

在子视图内部设置导航标题
将navigationTitle移到每个Tab对应的子视图的body中，这样切换Tab时导航栏会自动更新对应的标题：

FeedView的修改示例：

var body: some View {
    VStack(alignment: .leading){
        tweetsView
        Spacer()
    }
    .navigationTitle("hustles") // 在这里设置FeedView的导航标题
    .navigationBarTitleDisplayMode(.inline) // 可选，控制标题显示样式
}

JobsView同理，若需要自定义标题，在它的body里添加：
```
.navigationTitle("Jobs")
```

移除默认的"Home"标题
如果不需要某个Tab的导航标题，可以在对应子视图里添加：
```
.navigationBarHidden(true)
```
或者用.navigationTitle("")配合.navigationBarTitleDisplayMode(.inline)来隐藏。