SwiftUI NavigationView iPad竖屏抽屉隐藏：如何自动展开或保持双列？

针对你遇到的iPad竖屏模式下首次进入标签页仅显示抽屉图标的问题，提供两种可行解决方案：

方案一：强制保持双列布局 #

通过指定导航视图样式，让iPad竖屏时沿用横屏的双列显示逻辑，完全避免抽屉模式。修改CountryListView如下：

struct CountryListView : View {
    var body: some View {
        NavigationView {
            // 主列表视图
            List(countries) { country in
                CountryView(country: country)
            }.navigationTitle("Countries")
            
            // 必须添加默认详情视图，否则双列布局未选中项时会显示异常
            Text("请选择一个国家")
                .navigationTitle("城市")
        }
        // iOS 13+ 使用此样式强制双列
        .navigationViewStyle(DoubleColumnNavigationViewStyle())
        // iOS 14+ 可简化为：.navigationViewStyle(.columns)
    }
}

• 核心要求：必须给NavigationView添加第二个子视图作为默认详情页，否则双列布局会出现内容缺失
• 效果：iPad横竖屏均保持主/详情双列同时显示，和macOS Catalyst、iPhone的布局逻辑统一

方案二：自动展开侧边栏（抽屉） #

如果希望保留侧边栏模式，但在标签页切换进来时自动展开抽屉，可利用环境变量触发展开操作：

struct CountryListView : View {
    // 获取系统提供的侧边栏展开方法
    @Environment(\.openSidebar) private var openSidebar
    
    var body: some View {
        NavigationView {
            List(countries) { country in
                CountryView(country: country)
            }.navigationTitle("Countries")
        }
        .onAppear {
            // 视图出现时自动打开侧边栏
            openSidebar()
        }
    }
}

• 注意：此API仅支持iOS 14及以上版本
• 如果嵌套在TabView中，onAppear会在每次切换到该标签时触发，确保抽屉自动展开

额外优化：无城市国家的交互体验 #

原代码中禁用了无城市国家的导航链接，建议添加视觉提示让用户更清晰感知：

struct CountryView: View {
    let country: Country
    
    var body: some View {
        if country.cities.isEmpty {
            HStack {
                Text(country.name).lineLimit(1).truncationMode(.tail)
                Spacer()
                Text(country.iso).font(.footnote).layoutPriority(1)
                Text("无城市数据")
                    .font(.caption)
                    .foregroundColor(.secondary)
            }
        } else {
            NavigationLink(destination: {
                CityListView(country: country).navigationTitle(country.name)
            }, label: {
                HStack {
                    Text(country.name).lineLimit(1).truncationMode(.tail)
                    Spacer()
                    Text(country.iso).font(.footnote).layoutPriority(1)
                }
            })
        }
    }
}

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