[SwiftUI]ViewにRectangle(四角形)を被せるには？

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

特定のViewに四角形を被せる方法を紹介します。

方法

特定のViewにRectangleを被せるには、overlay修飾子を使います。

まず、Viewにoverlay修飾子を付与します。

そして、overlay修飾子の引数にRectangleを指定します。

SampleView()
    .overlay(
        Rectangle()
    )

overlay修飾子を使うことで、 ViewにRectanleを被せることができます。

使用例

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