[SwiftUI]RectangleにViewを被せるには？

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

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

方法

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

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

そして、overlay修飾子の引数に被せるViewを指定します。

Rectangle()
    .overlay(
        SampleView()
    )

overlayを使うことで、 Rectangleに特定のViewを被せることが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Rectangle()
                .frame(width: 200, height: 50)
                .foregroundColor(.blue)
                .overlay(
                    Text("Hello, SwiftUI")
                        .foregroundColor(.white)
                )
        }
    }
}