[SwiftUI]Rectangleを角丸にするには？

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

Rectangleビューを角丸にする方法を紹介します。

方法

Rectangleを角丸にするには、cornerRadius修飾子を使います。

まず、RectangleにcornerRadius修飾子を付与します。

そして、cornerRadius修飾子の引数に角の丸みを指定します。

Rectangle()
    .cornerRadius(角の丸み)

cornerRadius修飾子を使うことで、Rectangleを角丸にすることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .cornerRadius(10)
                .frame(width:200, height: 200)
        }
    }
}

[SwiftUI]ビューに角丸の枠線をつけるには？

ビューに角丸の枠線をつける方法を紹介します。

www.choge-blog.com

2022.03.11

[SwiftUI]Alert(アラート)を自動で閉じるには？

Alertを特定の時間経過後に自動で閉じる方法を紹介します。

www.choge-blog.com

2022.03.11

[SwiftUI]ActionSheet(アクションシート)を表示するには？

ActionSheetを表示する方法を紹介します。

www.choge-blog.com

2022.03.10