SwiftUI中NavigationView嵌套Page Style TabView首次加载自嵌套异常问题

我帮你梳理下这个问题的根源，以及对应的解决办法：

问题核心原因 #

当你把NavigationView直接嵌套在PageTabViewStyle的TabView内部时，首次加载时SwiftUI的视图初始化顺序可能会导致导航视图错误地自嵌套；再加上你的SettingsItem子视图里还额外加了一层NavigationView，这就进一步加重了层级混乱的问题——SwiftUI的导航栈设计是上层单一实例管理，而不是每个子视图都单独套导航容器。

具体修复步骤 #

1. 移除子视图中的冗余NavigationView

SettingsItem作为导航链接的目标页面，不需要自己再包裹NavigationView，它会自动继承父视图的导航栈，只保留navigationTitle修饰符即可。

2. 把NavigationView提升到TabView外层

让整个TabView共享同一个导航栈，这样既能避免首次加载的层级异常，也符合SwiftUI的导航设计逻辑。

修改后的完整代码 #

import SwiftUI

struct ContentView: View {
    var body: some View {
        // 全局共享一个NavigationView，放在TabView外层
        NavigationView {
            TabView {
                SettingsView()
                EmptyView()
                EmptyView()
                EmptyView()
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        }
    }
}

struct SettingsView: View {
    var body: some View {
        List {
            Section(header: Text("General")) {
                NavigationLink(destination: SettingsItem(title: "1")) {
                    Text("1")
                }
                NavigationLink(destination: SettingsItem(title: "2")) {
                    Text("2")
                }
                NavigationLink(destination: SettingsItem(title: "3")) {
                    Text("3")
                }
                NavigationLink(destination: SettingsItem(title: "4")) {
                    Text("4")
                }
            }
        }
        .listStyle(InsetGroupedListStyle())
        .navigationTitle("Settings")
    }
}

struct SettingsItem: View {
    let title: String // 不需要@State，除非你要动态修改标题
    var body: some View {
        List {
            // 这里可以添加子页面的内容
        }
        .navigationTitle(title) // 直接关联上层导航栈的标题
    }
}

struct EmptyView: View {
    var body: some View {
        ZStack{
            Color.green
            Text("Empty View")
                .padding()
        }
        .border(Color.black, width: 8)
    }
}

补充说明 #

如果你的场景确实需要每个Tab页面有独立的导航栈（这种情况比较少见），也可以给每个Tab内的NavigationView明确指定导航样式，强制避免初始化混乱：

// 在SettingsView的NavigationView中添加
NavigationView {
    // 原有列表内容
}
.navigationViewStyle(StackNavigationViewStyle())

不过更推荐第一种方案，它更简洁，也完全符合SwiftUI的导航最佳实践，能彻底解决你遇到的首次加载异常问题。

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