【SwiftUI】画像を透過グラデーションにする

はじめに

画像を段々透明にするコードを書く機会があったので記録しておきます

素材

3年前に撮った川の写真です

実装

import SwiftUI

struct ContentView: View {
    var body: some View {
        Image("sample")
            .resizable()
            .aspectRatio(contentMode: .fit)
            .mask(alignment: .top) {
                LinearGradient(
                    gradient: .init(colors: [.white, .clear]),
                    startPoint: .top,
                    endPoint: .bottom
                )
            }
    }
}

完成

おわり

グラデーションをViewにマスクすることで透過グラデーションさせることができます。
Viewであれば画像以外でも同じ方法で可能です