[SwiftUI]Button(ボタン)を丸にするには？

どうも、ちょげ(@chogetarou)です。

Buttonの形を丸にする方法を紹介します。

方法

Buttonの丸くするには、clipShape修飾子を使います。

まず、ButtonにclipShape修飾子を付与します。

そして、clipShape修飾子の引数にCircle()を指定します。

Button(・・・)
   .clipShape(Circle())

引数にCircle()を指定したclipShape修飾子をButtonに付与することで、Buttonを丸くすることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Button("Button") {
                print("Tap")
            }
            .padding(20)
            .foregroundColor(.white)
            .background(.blue)
            .clipShape(Circle())
        }
    }
}