如何防止表单占据整个视图

Question

我在VStack中有一个窗体和一个按钮，但是该窗体几乎占据了整个视图，并且按钮被迫置于底部。我试图使按钮紧随表格之后出现，但到目前为止，我对填充和分隔符的尝试均失败了。其他人知道如何防止表单占用整个视图吗？

Answer 1

尝试将按钮移到表单中。

  VStack {
    Form {
      Text("blah")
      Button("blubb") { }
    }
  }

Answer 2

您有两种解决方案： 1-如果您知道表单的框架，则可以为表单设置框架，并为VStack设置无限高以填充整个屏幕

var body: some View {
        VStack {
            Form {
                Text("blah")
            }.frame(height: 300)
            Button("blubb") { }
        }.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
    }

2-将按钮嵌入到表单中，然后使用“节”将其分开

VStack {
   Form {
      Text("blah")
      Section {
         Button("blubb") { }
      }
   }
}