SwiftUI - 如何在 Toggle 中更改标签的文本对齐方式？

Question

SwiftUI 中的 Toggle 代码是这样的：

Toggle(isOn: $vibrateOnRing) {
    Text("Vibrate on Ring")
}

这将产生一个带有文本标签的切换按钮，如下所示：

在戒指上振动 | [--空格--] | 切换

我需要一个右对齐的文本标签，如下所示：

[--空格--] | 在戒指上振动 | 切换

如何在 SwiftUI 中做到这一点？

Answer 1

我能够通过解耦切换按钮和文本标签来实现这一点，即：

HStack() {
    Spacer()
    Text("Vibrate on Ring")
    Toggle("", isOn: $vibrateOnRing).labelsHidden()
}

对于正在寻找中心对齐解决方案的人们，又名：

[--空白--] | 环上振动 | 切换 | [ - 空的空间 - ]

只需添加一个尾随间隔符：

HStack() {
    Spacer()
    Text("Vibrate on Ring")
    Toggle("", isOn: $vibrateOnRing).labelsHidden()
    Spacer()
}

Answer 2

这里是

Toggle(isOn: $vibrateOnRing) {
    Text("Vibrate on Ring")
      .frame(maxWidth: .infinity, alignment: .trailing)
}