[SwiftUI]Image(画像)をぼかすには？

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

Imageの画像をぼかす方法を紹介します。

方法

Imageの画像をぼかすには、blur修飾子を使います。

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

そして、blur修飾子の引数「radius」にぼかし具合を指定します。

Image("image")
    .blur(radius: value) //引数「radius」にぼかし具合を指定

blur修飾子を付与することで、Imageをぼかすことが出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image("DogPhoto")
                .resizable()
                .scaledToFit()
                .padding()
                .blur(radius: 10)
        }
    }
}