Xcode 14.3.1中SwiftUI预览为何不合并显示两个View？

核心差异逻辑 #

模拟器/真机的运行机制 #

当你在模拟器或真机启动App时，系统会完整执行你的App结构体代码。你把ContentView和OtherView直接放在WindowGroup中，SwiftUI会将它们视为同一容器内的子视图，默认通过**自动布局（比如垂直堆叠）**把它们合并显示在同一个界面里。

Xcode预览的运行机制 #

Xcode的预览功能是独立渲染每个PreviewProvider定义的视图实例。你分别为ContentView和OtherView编写了预览代码，每个预览都会单独创建对应的View对象，并且在各自的预览页面渲染，完全不会遵循App结构体里的布局逻辑——因为预览的本质是直接展示单个View，而非启动整个App。

让预览与模拟器显示一致的方法 #

• 直接预览你的App结构体，完整复现模拟器的布局效果：

  struct YourApp_Previews: PreviewProvider {
      static var previews: some View {
          YourApp()
      }
  }
  

• 或者在单个View的预览里，手动模拟App中的布局结构：

  struct ContentView_Previews: PreviewProvider {
      static var previews: some View {
          // 模拟WindowGroup中的自动堆叠布局
          VStack {
              ContentView()
              OtherView()
          }
      }
  }
  

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