【SwiftUI】iOS17の新APIを使用してScrollViewを操る

はじめに

iOS17からscrollTransitionというモディファイアが追加されたので使ってみました！

サンプルアプリ

画面外になるタイミングで少し小さくなるような動きです

実装

import SwiftUI

struct ContentView: View {
    var body: some View {
        ScrollView(.vertical) {
            VStack(spacing: 10) {
                ForEach(0..<50, id: \.self) { index in
                    Text("Cell: \(index)")
                        .frame(maxWidth: .infinity)
                        .frame(height: 200)
                        .cornerRadius(20)
                        .foregroundColor(.white)
                        .background(.thinMaterial, in: RoundedRectangle(cornerRadius: 10))
                        .overlay(.white.opacity(0.5), in: RoundedRectangle(cornerRadius: 10).stroke(style: .init()))
                        .padding(.horizontal, 20)
+                       .scrollTransition { emptyVisualEffect, scrollTransitionPhase in
+                           emptyVisualEffect.scaleEffect(scrollTransitionPhase.isIdentity ? 1 : 0.8)
+                       }
                }
            }
        }
        .background(LinearGradient(gradient: Gradient(colors: [.pink, .yellow, .orange]), startPoint: .topLeading, endPoint: .bottomTrailing))
    }
}

ドキュメント

おわり

これはめっちゃ便利なAPIです！
いろんなことができそうです！

「Appleが一般に開示した情報」に該当してると思うので大丈夫だとは思いますが、
もしアウトだったらコメントで教えて欲しいです。