SwiftUI add Animation

Question

This is a simplified representation of my code. How do I add an animation to Text("hi") here? It's a really simple appearance animation.

import SwiftUI

struct Test: View {
    @State var showText:Bool = true
    var body: some View {
        List{
            HStack{
                Image(systemName: "square")
                Text("tap")
            }
            .onTapGesture {
                showText.toggle()
            }
            if (showText) {
                Text("Hi")
            }
        }
    }
}

struct Test_Previews: PreviewProvider {
    static var previews: some View {
        Test()
    }
}

appear disappear

pawello2222 · Accepted Answer · 2020-12-26 17:58:30Z

2

You can use withAnimation block:

.onTapGesture {
    withAnimation {
        showText.toggle()
    }
}

You can also change the default animation type, duration etc:

withAnimation(.easeInOut(duration: 0.4)) { ... }

answered Dec 26, 2020 at 17:58

pawello2222

55.6k23 gold badges184 silver badges240 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JH.KIM Over a year ago

Solved very well!!

Collectives™ on Stack Overflow

SwiftUI add Animation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related