[SwiftUI]Rectangleをアウトライン(輪郭線だけ)にするには？

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

Rectangleを外枠だけのアウトラインにする方法を紹介します。

方法

Rectangleをアウトラインにするには、stroke修飾子を使います。

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

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

Rectangle()
    .stroke(色, lineWidth: 太さ)

「stroke(色, lineWidth: 太さ)」を付与することで、 Rectangleを輪郭線だけにできます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .stroke(Color.red, lineWidth: 2)
                .frame(width: 200,height: 200)
        }
    }
}