swiftUIを使用して丸いボタン内のテキストを中央揃えにする方法?

クリストファーJ.:

私は、コインを表しSwiftUIでビューを開発しています。コインはボタンです。

コインの内部では、テキストがある場合、私は、金額を表すテキストを中央揃えにしたい、1セントのために、「0.01」と言います。

問題はテキストサイズが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 数が浮動小数点である場合、二進文字列にコイン量を切り捨て拡張法です。

私はこの問題は、パディングが原因だと思うが、私はボタンビュー内のテキストピクセル完璧を中央にすることはできません。

ボタンプレビュー

助言がありますか ?

ラフ

ちょうどあなたにセンター合わせを使用し.frame、すなわち

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

おすすめ

転載: http://43.154.161.224:23101/article/api/json?id=27631&siteId=1