swift - 在目标上运行时缺少 VStack 中的顶部元素

Question

我有一个简单的 View ，其中包含一个VStack，其中一行文本包含列表标题(认为标题)，后跟一个List。

struct CampaignView : View {
  let campaign: Campaign

  init(from campaign: Campaign) {
    self.campaign = campaign
  }

  var body: some View {
    VStack {
      ObservationRow.titles
        .padding([.top, .leading], 8)
      List(campaign.observations) {
        ObservationRow(from: $0)
      }
    }
  } 
}

在模拟器上，一切看起来都不错，但是当我在目标 (macOS) 上运行它时，我的标题行丢失了。注意:预览应用程序和目标应用程序的内容不同。这是缺少的顶线。

当我在标题上方添加三个任意文本字段时，最顶部的元素再次丢失，并且现在显示标题，因为它们位于堆栈的更下方。

var body: some View {
    VStack {
      Text("A")
      Text("B")
      Text("C")
      ObservationRow.titles
        .padding([.top, .leading], 8)
      List(campaign.observations) {
        ObservationRow(from: $0)
      }
    }
  }

问题是什么？

Answer 1

从 AppDelegate.swift 的窗口设置中删除 .fullSizeContentView，使其看起来像这样:

window = NSWindow(
    contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
    styleMask: [.titled, .closable, .miniaturizable, .resizable],
    backing: .buffered, defer: false)

现在您的内容 View 将显示全部!