SwiftUI：如何让iPad上的NavigationView全屏显示而非分屏？

我完全懂你的烦恼——在iPad上运行带NavigationView的SwiftUI视图时，自动弹出分屏布局，明明想要的是全屏显示对吧？这其实是SwiftUI针对iPad设备默认启用的split view布局行为，不过咱们只需要一行代码就能搞定这个问题。

解决方案：添加导航视图样式修饰符 #

你只需要在NavigationView的末尾添加.navigationViewStyle(.stack)修饰符，强制它使用全屏的栈式导航布局，就能覆盖iPad上的默认分屏行为。

修改后的完整代码如下：

import SwiftUI
struct SwiftUIView: View {
    var body: some View {
        NavigationView {
            Text("Search")
                .navigationBarTitle(Text("Search"))
        }
        .navigationViewStyle(.stack) // 这行是关键！
    }
}

#if DEBUG
struct SwiftUIView_Previews: PreviewProvider {
    static var previews: some View {
        SwiftUIView()
    }
}
#endif

补充说明 #

• 这个修饰符在你使用的Xcode 11 Beta（对应iOS 13）版本就能正常工作，不管是模拟器还是真机，添加后都会显示全屏的NavigationView。
• 如果你后续升级到iOS 16及更高版本，也可以用.navigationViewStyle(.singleColumn)，它和.stack的效果完全一致，只是命名更直观。

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