如何使用 swiftUI 在圆形按钮内居中文本？

Question

我正在 SwiftUI 中开发一个代表硬币的视图。硬币是一个按钮。

在硬币内部，我想将代表金额的文本居中，如果文本是“0.01”代表 1 美分。

问题是，如果文本大小为 30，我无法在按钮内居中显示文本。这是我的尝试，将填充设置为.all。

Button(action: addToTotal)
    {
        Text(coinAmount.toTwoDecimalOrTruncatedString())
            .font(.system(size: 30))
            .fontWeight(.bold)
            .multilineTextAlignment(.center)
            .lineLimit(0)

    }
    .padding(.all)
    .accentColor(.white)
    .frame(width: 100, height: 100, alignment: .bottom)
    .background(Color.orange)
    .cornerRadius(100)

cointAmount是Float。

toTwoDecimalOrTruncatedString 是一种扩展方法，如果数字是浮点数，则将硬币金额截断为两位小数的字符串。

我认为问题是由于填充造成的，但我无法在按钮视图中将文本像素完美居中：

有什么建议吗？

Answer 1

只需在.frame 中使用居中对齐，即

}
.padding(.all)
.accentColor(.white)
.frame(width: 100, height: 100, alignment: .center) // << here!