TabView嵌套NavigationView横屏显示异常问题咨询

在竖屏模式下，TabView嵌套NavigationView的显示完全正常；但切换到横屏模式时，NavigationView及其所有子视图会折叠成顶部菜单，具体表现如下：

• 竖屏模式：NavigationView正常展示，工具栏内容清晰可见
• 横屏模式：NavigationView收缩为顶部左侧的菜单按钮，原内容被隐藏
• 点击左上角菜单后：展开显示原NavigationView的内容和工具栏

请问这是否属于正常行为？若为正常行为，是否存在可修改该行为的modifier？

测试代码如下：

TabView {
    ChartView().tabItem {
        Label("Chart", systemImage: "chart.bar")
    }
    Page1View().tabItem {
        Label("Received", systemImage: "tray.and.arrow.down.fill")
    }
}

// Page1View结构体的body：
var body: some View {
    NavigationView {
        VStack(spacing: 10) {
        // ... 为简洁已省略
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Text("tbar1")
            }
            ToolbarItem(placement: .navigationBarTrailing) {
                Text("tbar2")
            }
            ToolbarItem(placement: .navigationBarTrailing) {
                Text("tbar3")
            }
        }
    }
}

这是SwiftUI的正常行为，NavigationView在iPad或大屏设备的横屏模式下，默认会采用侧边栏样式，自动将内容折叠为侧边菜单，这是苹果为大屏设备优化的布局逻辑。

要修改该行为，可以给NavigationView添加.navigationViewStyle() modifier，指定固定的显示样式：

• .stackNavigationViewStyle()：强制NavigationView始终以堆叠样式显示，无论横竖屏，内容不会折叠成侧边栏
• .columnsNavigationViewStyle()：强制采用双栏样式（适合大屏设备的分栏布局）

修改后的Page1View示例代码：

var body: some View {
    NavigationView {
        VStack(spacing: 10) {
            // 省略原有内容
        }
        .toolbar {
            ToolbarItem(placement: .navigationBarLeading) {
                Text("tbar1")
            }
            ToolbarItem(placement: .navigationBarTrailing) {
                Text("tbar2")
            }
            ToolbarItem(placement: .navigationBarTrailing) {
                Text("tbar3")
            }
        }
    }
    .navigationViewStyle(.stack) // 强制堆叠样式，避免横屏折叠
}

另外注意：iOS 16及以上版本中，NavigationView已被NavigationStack替代，若使用新版本SDK，建议迁移到NavigationStack，它的布局行为更可控，默认不会在横屏时自动折叠内容。

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