Swift backgroundを使って四角形内にテキストを表示する

2023年12月23日

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

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

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Study, Swift")
                .foregroundColor(.white)
                .padding()
                .background(
                    Rectangle()
                        .fill(.green)
                )
        }
    }
}