「SwiftUI」余白分の背景色を設定するサンプル

2022年3月28日

書式
.background(Color.色)
.padding()
Viewサイズで背景色が適用され、その後に外側に無色透明の余白が追加されます。
paddingを追加した後に、backgroundを追加して余白部分の背景色を設定します。

使用例

struct ContentView: View {

    var body: some View {
        Text("検証")
            .font(.largeTitle)
            .background(Color.red) // テキストの背景色
            .padding() // 余白追加
            .background(Color.green)  // 余白分の背景色
    }
}

実行結果
「検証」文字に余白を追加します。余白分の背景色は「green」になります。