In here I will improve that by adding nice animation to change the button scale while the position animation happening.

For that, we need to create another Animation object and It also a Tween animation. Because of changing the scale in this animation I will change the value from 0 to 1 in here.

After that, you can wrap the FloatingActionButton widget with Transform.scale widget to change the size when the value changes from 0 to 1.

In here I use 3 buttons. The button is in the top of the stack change scale from 1 to o when click it and it will show the button which is on below that. While that animation occur the button which is the bottom of the stack will change the position.

The end of the animation the button in the top of the stack get disappear and show the button in the middle.

When you click the button in the middle it reverse the animation and shows the button in the top of the stack.

This Post Has 4 Comments

I really love your site.. Pleasant colors & theme. Did you create this amazing site yourself? Please reply back as I’m trying to create my own personal site and would love to know where you got this from or exactly what the theme is named.

I like the helpful information you provide in your articles. I’ll bookmark your weblog and check again here frequently. I’m quite certain I’ll learn many new stuff right here! Best of luck for the next!

I’m really impressed together with your writing talents and also with the layout for your blog. Is this a paid topic or did you modify it your self? Either way keep up the excellent quality writing, it is uncommon to look a nice weblog like this one these days..