image-expansion.swift

import SwiftUI

struct ContentView: View {
    @State var pictureExpanded = false

    var body: some View {
        VStack(alignment: .leading, spacing: 20.0) {
            Text("Once upon a time there was a turtle named George who made friends with a giraffe at the local water park and then they went on lots of adventures together.")

            Button {
                withAnimation {
                    pictureExpanded.toggle()
                }
            } label: {
                Text("Tap to \(pictureExpanded ? "hide" : "see") a pretty picture")
            }

            Image("cat")
                .resizable()
                .aspectRatio(contentMode: .fit)
                .fixedSize(horizontal: false, vertical: true)
                .frame(height: pictureExpanded ? 311 : 0.0)
                .clipped()
                .frame(height: pictureExpanded ? 311 : 0.0)
                .contentShape(Rectangle())

            Text("The giraffe's name was Leonard, and together George and Leonard became the best of friends and did all sorts of cool things together like climbing a mountain.")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}