Swift overlay修飾子を使って四角形内にテキストを表示する

2023年12月23日

環境
Swift version 5.2.3 (swift-5.2.3-RELEASE)

書式
Rectangle()
.overlay(
Text(“文字列")
)
RectangleやRoundedRectangleにoverlay修飾子を付与します。
overlay修飾子の引数にTextを指定します。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            RoundedRectangle(cornerRadius: 5)
                .fill(.red)
                .frame(width: 250, height: 100)
                .overlay(
                    Text("Study, SwiftUI")
                        .foregroundColor(.white)
                )
        }
    }
}