[SwiftUI]RoundedRectangleを枠線だけにするには？

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

RoundedRectangleを枠線だけにする方法を紹介します。

方法

RoundedRectangleを枠線だけにするには、stroke修飾子を使います。

まず、RoundedRectangleにstroke修飾子を付与します。

そして、stroke修飾子の第１引数に枠線の色、引数「lineWidth」に枠線の太さを指定します。

RoundedRectangle()
    .stroke(枠線の色, lineWidth: 枠線の太さ)

stroke修飾子を使うことで、RoundedRectangleを枠線だけにすることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: 10)
                .stroke(Color.pink, lineWidth: 3)
                .frame(width:200, height: 200)
        }
    }
}

[SwiftUI]NavigationLinkをButtonで操作するには？

NavigationLinkの画面遷移をButtonで行う方法を紹介します。

www.choge-blog.com

2022.02.13

[SwiftUI]Button内のビューを左に寄せるには？

Button内のビューを左に寄せる方法を紹介します。

www.choge-blog.com

2022.01.27

[SwiftUI]ListビューでButtonが機能しない時の対処法

「ListビューでButtonが上手く機能しない」という人に向けて、その対処法を紹介します。

www.choge-blog.com

2022.01.26

[SwiftUI]Buttonのタップ中の色を変えるには？

Buttonのタップしている間の色を変える方法を紹介します。

www.choge-blog.com

2022.01.25