SwiftUI表单内Picker导航偏移及选择视图列表位置异常问题

我之前也碰到过一模一样的问题，在Xcode 11.x和iOS 13.x的早期版本里，SwiftUI的Form+Picker+NavigationView组合确实存在不少布局计算的bug，正好对应你提出的两个疑问：

问题原因拆解 #

1. Picker导航后位置重定位：这是因为早期SwiftUI在处理NavigationView和Form的布局联动时，没有正确保留页面切换前后的滚动位置信息。当从Picker选择视图返回时，Form会重新执行布局计算，但系统错误地重置了滚动偏移，导致Picker的位置发生跳变。
2. 选择视图初始位置过远后回弹：这个现象源于Picker的选择列表在初始化阶段，错误地计算了导航栏的高度影响——要么把导航栏高度重复计入偏移量，要么完全忽略了导航栏的存在，导致列表一开始渲染在偏下的位置，等系统完成动画和布局校正后，才回弹到正确的顶部位置。

这些都是SwiftUI早期版本的已知布局bug，苹果在后续的iOS 13.4+和Xcode 11.4+版本中逐步修复了这类问题。

临时解决方案（针对iOS 13早期版本） #

如果你暂时无法升级开发环境或系统版本，可以试试这几个workaround：

• 强制使用Stack导航样式：给NavigationView指定固定的导航样式，避免默认自适应布局带来的计算误差：

  NavigationView {
      Form {
          Picker("Client", selection: $name) {
              Text("Client 1")
              Text("Client 2")
          }
      }
      .navigationViewStyle(StackNavigationViewStyle())
  }
  

• 显式设置导航栏样式：添加一个空的导航栏标题（不影响视觉），帮助系统正确计算布局高度基准：

  NavigationView {
      Form {
          Picker("Client", selection: $name) {
              Text("Client 1")
              Text("Client 2")
          }
      }
      .navigationBarTitle("", displayMode: .inline)
  }
  

• 替代布局方案：如果Form的样式不是必须的，可以用List代替Form，List的布局逻辑在早期版本中相对更稳定：

  NavigationView {
      List {
          Picker("Client", selection: $name) {
              Text("Client 1")
              Text("Client 2")
          }
      }
  }
  

最终建议 #

最彻底的解决方式是升级到Xcode 11.4及以上版本，同时将测试设备的iOS系统升级到13.4或更高版本，苹果在这些版本中对SwiftUI的布局引擎做了大量优化，这类Picker的布局异常问题基本都被修复了。

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