ios - 如何使用 swiftUI 将文本置于圆形按钮内？

Question

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

在硬币内部，我想将表示金额的文本居中，例如，如果文本是“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 是一种扩展方法，如果数字是 float ，则将硬币金额截断为两位十进制字符串。

我认为问题是由于填充造成的，但我无法将文本像素完美地置于按钮 View 内:

有什么建议吗？

Answer 1

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

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