SwiftUI Content Mode Animation

ContentModeAnimation.swift

import SwiftUI

struct ContentView: View {
    
    @State private var contentMode: ContentMode =  .fit
    
    var body: some View {
        
        ZStack {
            
            Image("Kite")
                .resizable()
                .aspectRatio(contentMode: contentMode)
                .animation(.easeInOut, value: contentMode)
                .ignoresSafeArea()
        
            Picker(selection: $contentMode) {
                Text("Fit")
                    .tag(ContentMode.fit)
                Text("Fill")
                    .tag(ContentMode.fill)
            } label: {
                Text("Content Mode")
            }
            .pickerStyle(.segmented)
            .frame(width: 100)
            .padding(5)
            .background {
                RoundedRectangle(cornerRadius: 10)
                    .foregroundStyle(.ultraThinMaterial)
            }
        }
    }
}

#Preview {
    ContentView()
}

Screen.Recording.2024-03-16.at.6.59.47.mov