[SwiftUI]Text(テキスト)の背景色を変えるには？

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

Textの背景色を変える方法を紹介します。

方法

Textの背景色を変えるには、background修飾子を使います。

まず、Textにbackground修飾子を付与します。

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

Text("テキスト")
    .background(色)

background修飾子の引数に指定した色が、Textの背景色になります。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, SwiftUI")
                .padding()
                .foregroundColor(.white)
                .background(Color.blue)
        }
    }
}