0

我在 VStack 中有一个表单和一个按钮,但是表单几乎占据了整个视图,并且按钮被强制放在底部。我试图让按钮紧跟在表单之后,但到目前为止,我对填充和间隔的尝试都失败了。还有其他人知道如何防止表单占据整个视图吗?

4

2 回答 2

0

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

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

2 - 将 Button 嵌入 Form 并使用 Section 分隔

VStack {
   Form {
      Text("blah")
      Section {
         Button("blubb") { }
      }
   }
}
于 2020-02-11T08:56:48.163 回答
0

尝试将按钮移动到表单中。

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

截屏

于 2020-02-11T03:17:49.343 回答