swift - 使 Button 跨越 VStack

Question

我目前有以下 SwiftUI View :

HStack {
  ...
  VStack {
    TextField { ... }
    SecureField { ... }
    Button { ... }
  }
  ...
}

我添加了一个 .background(Color.green)到 Button ，如您所见， View 与文本非常贴合。

我想知道是否有办法调整按钮的宽度，使其填满 VStack - 类似于 .fill UIStackView 的模式.

Answer 1

最好的方法是通过 .frame(maxWidth: .infinity) https://developer.apple.com/documentation/swiftui/view-layout

如果你想让按钮不居中，你需要指定alignment。
例如:.frame(maxWidth: .infinity, alignment: .leading)

Button(action: handleSignInAction) {
    Text("Sign In")
}
.frame(maxWidth: .infinity)
.background(Color.green)

---

2019 年的旧答案:

您可以使用带有 Text 和 Spacer 的 HStack 来获得填充宽度的 Button它的父级:

Button(action: handleSignInAction) {
    HStack {
        Spacer()
        Text("Sign In")
        Spacer()
    }
}.background(Color.green)