iPad竖屏Split View启动显示无用视图 SwiftUI 3如何实现标准导航逻辑

这个标准交互完全可以在SwiftUI 3中实现，问题根源是当前NavigationView的布局配置不符合iPad双列导航的规则：
iPad竖屏模式下NavigationView默认采用双列布局，你代码中传入的第二个静态Useless View会被系统识别为详情列的默认根视图，selection绑定的导航目标会被压在这个视图的栈层级之上，所以才需要两次返回才能回到侧边栏；删掉这个静态视图后系统找不到详情列的默认渲染规则，就会出现启动白屏的问题。

修复后代码 #

struct ContentView: View {
    @State var selection: Int? = 0
    var body: some View {
        NavigationView {
            // 侧边栏列
            List {
                NavigationLink("Link 1", tag: 0, selection: $selection) {
                    Text("Link 1 destination")
                }
                NavigationLink("Link 2", tag: 1, selection: $selection) {
                    Text("Link 2 destination")
                }
            }
            .listStyle(.sidebar)
            
            // 动态详情列，和selection绑定避免多余栈层级
            if let selection = selection {
                switch selection {
                case 0:
                    Text("Link 1 destination")
                case 1:
                    Text("Link 2 destination")
                default:
                    EmptyView()
                }
            }
        }
        .navigationViewStyle(.columns)
    }
}

核心修改说明 #

• 移除了静态的Useless View，改为和selection绑定的动态详情渲染逻辑，彻底消除了多余的返回层级
• 给侧边栏列表添加.listStyle(.sidebar)，符合iPad侧边栏的标准样式规范
• 明确指定NavigationView的样式为.columns，固定多列导航的行为规则，避免系统自动适配样式导致的异常

修改后启动时会直接根据selection的默认值显示Link 1目标页，点击一次返回即可跳转至侧边栏，完全符合通用App的标准交互逻辑。

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