SwiftUI中TabView嵌套View时NavigationTitle不显示问题排查

你的代码存在结构问题，导致MyAdsPageView中的navigationTitle无法显示，这不是正常现象。

问题原因 #

FirstView已经将整个TabView包裹在NavigationStack容器中，而MyAdsPageView内部又嵌套了一层NavigationStack。SwiftUI中，外层导航容器会占据导航栏的显示位置，内层嵌套的NavigationStack的导航标题会被忽略，无法正常展示。

解决方案 #

移除MyAdsPageView内部的NavigationStack，由外层FirstView的NavigationStack统一管理各Tab页面的导航标题。如果需要不同Tab页面显示不同标题，可以通过跟踪选中的Tab动态设置，或直接为每个Tab页面单独绑定标题。

修改后的代码示例

FirstView 代码

import SwiftUI

struct FirstView: View {
    @ObservedObject var dataController: DataController
    @State private var selectedTab = 0
    
    var body: some View {
        NavigationStack {
            TabView(selection: $selectedTab) {
                MyAdsPageView(dataAd: dataController)
                    .tabItem {
                        Label("Home", systemImage: "house")
                    }
                    .tag(0)
                
                ListPageView()
                    .tabItem {
                        Label("List", systemImage: "list.bullet")
                    }
                    .tag(1)
            }
            // 根据选中的Tab切换导航标题
            .navigationTitle(selectedTab == 0 ? "My List" : "List Page")
        }
    }
}

MyAdsPageView 代码

struct MyAdsPageView: View {
    @ObservedObject var dataAd: DataController
    
    var body: some View {
        List {
            // 添加列表内容
        }
    }
}

补充说明 #

如果某个Tab页面需要独立的导航层级（比如页面跳转时的栈管理），可以在该Tab页面内部嵌套NavigationStack，但此时内层的导航标题仅会在页面跳转时显示，Tab页面本身的标题仍需在外层NavigationStack中设置。

内容的提问来源于stack exchange，提问作者multiverse