How to animate SwiftUI views?

Uplift iOS Interview

The Guide is for YOU if

• You are preparing for an iOS interview and want to improve your skills and knowledge and looking to level up your interview game and land your dream job.
• You want to gain confidence and ease during iOS interviews by learning expert tips and curated strategies.
• You want access to a comprehensive list of iOS interview QA to practice and prepare.

I want this

There are several ways to animate views in SwiftUI. Here are a few examples:

Using the .animation() modifier: The .animation() modifier can be used to specify an animation to be applied to a view. For example, you could use the .scale() animation to make a view grow or shrink:

Text("Hello World")
    .animation(.scale)

Using the withAnimation() function: The withAnimation() function can be used to wrap a change to a view’s state in an animation. For example, you could use it to animate a view’s position when it is tapped:

struct MyView: View {
    @State private var isTapped = false
    
    var body: some View {
        Button(action: {
            withAnimation {
                self.isTapped.toggle()
            }
        }) {
            Text("Tap me")
                .offset(x: isTapped ? 50 : 0)
        }
    }
}

Using custom animations: You can also create custom animations in SwiftUI by using the Animation type and the animation() modifier. For example, you could create an animation that scales and rotates a view simultaneously:

struct MyView: View {
    @State private var scale: CGFloat = 1.0
    @State private var angle: Double = 0.0
    
    var body: some View {
        Rectangle()
            .scaleEffect(scale)
            .rotationEffect(.degrees(angle))
            .animation(
                Animation.easeInOut(duration: 1.0)
                    .repeatForever(autoreverses: true)
            )
            .onAppear {
                self.scale = 1.5
                self.angle = 45.0
            }
    }
}

Written by

ISHTIAK AHMED

Twitter LinkedIn

Get Ready to Shine: Mastering the iOS Interview

• Uplift iOS Interview - A Comprehensive Guide to iOS Interview
• iOS Dev Kit - Cheat Sheets, Posters and Infographics

Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book. Your email address will only be used for the purpose of sending the newsletter and will not be shared with third parties or advertisers. Rest assured that we value your privacy and will not spam your inbox.