swift - 在按钮中居中文本

Question

我有以下内容View：

HStack {
  ...
  VStack {
    ...
    Button(action: model.signIn) {
      HStack {
        Text("Sign In")
        Spacer()
      }
    }.relativeHeight(2).background(Color.green).cornerRadius(5)
  }
  ...
}

这允许我创建以下 UI：

内部Spacer和是一个很好的技巧HStack，Button使按钮扩展到其父级的宽度。但是，文本仍然处于领先地位。

任何人都知道在按钮内居中文本的方法吗？

Answer 1

你可以通过两种方式

1. 删除Spacer文本后面的 - 这将缩小按钮以匹配 txt 大小。
2. Spacer在文本之前添加一个。喜欢

代码：

HStack {
  ...
  VStack {
    ...
    Button(action: model.signIn) {
      HStack {
        Spacer()
        Text("Sign In")
        Spacer()
      }
    }.relativeHeight(2).background(Color.green).cornerRadius(5)
  }
  ...
}

Answer 2

HStack {
  ...
  VStack {
    ...
    Button("Sign In") {
        model.signIn()
    }
    .frame(maxWidth: .infinity, alignment: .center).padding()
    .background(Color.green).cornerRadius(5)
  }
  ...
}