Slide-in animation in a column in Flutter

That little something extra that adds a lot of cool

As we all know, a functional app is great…but it’s not enough. It needs to be easy to use; it needs to be intuitive; and it needs to be cool.

So it’s not enough to show the data in a column. It would be so much cooler to have it slide in:

But… how to do that?

Like this :)

This code was inspired by the super-cool Best Flutter UI Templates, specifically the hotel booking template.

If you prefer to watch your tutorials, check it out here:

Un-Animated code

We’ll start with the regular code, that shows a title, a quote, and the source of the quote. At the bottom is a button that we…