【SwiftUI】インスタのかっこいい背景色を再現する

はじめに

インスタにかっこいい背景があったのでSwiftUIで再現してみます

実装

import SwiftUI

struct GradationBackgroundView<T: View>: View {
    @ViewBuilder var content: () -> T

    var body: some View {
        ZStack {
            LinearGradient(gradient: Gradient(colors: [.orange, .purple, .cyan, .blue, .green, .yellow]), startPoint: .topLeading, endPoint: .bottomTrailing)
                .edgesIgnoringSafeArea(.all)
            Rectangle()
                .foregroundStyle(Material.ultraThickMaterial)
                .edgesIgnoringSafeArea(.all)
            
            content()
        }
    }
}

使い方

import SwiftUI

struct ContentView: View {
    var body: some View {
        GradationBackgroundView {
            ScrollView {
                VStack {
                    ForEach(0..<100) { _ in
                        Text("テスト")
                    }
                }
            }
        }
    }
}

完成

おわり

結構再現度高いと思います！