Flutter Login/Signup Button Animation

Rajesh Khadka
3 min readApr 26, 2020
Challenge 1

Foundations

  • Animated Container
  • Animated Opacity
  • Box Decoration
  • Stack

Animated Container

As per the flutter documentation, it is an animated version of the container. It animates in between old and new values. We can animate all properties that have mentioned in the above code snippet. We will play with these properties’ width, height, and duration.

To get hands dirty we will animate the container once the button is clicked. The sample will look like as the animation below.

scale

--

--