[SwiftUI]Image(画像)の背景色を設定するには？

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

Imageの背景色を設定する方法を紹介します。

方法

Imageの背景色を設定するには、background修飾子を使います。

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

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

Image("image")
    .background(color) //引数に背景色を指定

background修飾子を使うことで、Imageの背景色を設定することが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "pencil")
                .resizable()
                .frame(width: 100, height: 100)
                .padding()
                .foregroundColor(.white)
                .background(Color.blue)
        }
    }
}