SwiftUI Picker选中后返回根NavigationView而非调用视图问题求助

问题根源 #

你遇到的是SwiftUI导航容器的层级适配问题：

• 默认情况下iOS端的NavigationView会根据设备尺寸自动选择导航样式，iPhone设备上默认采用栈式导航，但当子视图内存在需要触发二级导航的组件（比如Form里的Picker）时，容易出现导航栈识别错误，选中Picker选项后直接pop到根视图（View A）
• 你给View B加NavigationView虽然临时修复了跳转问题，但等于新增了一个子导航栈，自然会出现额外的标题栏，属于错误的修复方式。

解决方案 #

方案1：适配iOS16及以上版本（推荐） #

废弃旧的NavigationView，改用iOS16推出的NavigationStack，仅需要在根视图View A的最外层套一层NavigationStack即可，不需要修改你现有View B的任何代码，即可正常工作：

// View A 根视图示例
struct ViewA: View {
    var body: some View {
        NavigationStack { // 替换原来的NavigationView
            // 原View A的内容、跳转View B的NavigationLink
        }
    }
}

NavigationStack采用明确的单栈管理逻辑，不会出现导航层级识别错误的问题。

方案2：兼容iOS15及更早版本 #

如果需要支持旧系统，仍然使用NavigationView的话，只需要给View A的NavigationView添加栈式样式强制声明，不需要修改View B的代码：

// View A 根视图示例
struct ViewA: View {
    var body: some View {
        NavigationView {
            // 原View A的内容、跳转View B的NavigationLink
        }
        .navigationViewStyle(.stack) // 新增这行，强制使用栈式导航
    }
}

强制指定栈式样式后，导航链路的层级关系会被明确识别，Picker选中后会正常回到View B，也不会出现多余的标题栏。

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