Animations in Flutter are awesome. Starting from a simple idea, the framework evolves this idea into objects that can be chained and composited to make jaw dropping animations. But, there is a lot of information to grasp, so, I want to start a new series of articles centered on the use of the Flutter animations. We will start with the simplest concepts and move to awesomeness step by step.

After a while struggling on how to continue and how to put all the things I wanted to explain together I have decided to follow the KISSS methodolgy (Keep It Simple, Stupid Sergi) and continue with a simpler example. As the Planets tutorial was focused on UI, I didn’t want to include Stateful Widgets. Decided, we will continue with the planet detail screen.

Once the DevFest season is closed, is time to get back to the Flutter Planets tutorial. This time, we will see how to make the list a bit more alive by navigating into the detail page of each planet.

In the previous article we saw how to create a custom App bar without using the class Appbar in order to make easier to get a gradient background and a centered title.

Next step is to create the Widget that we will use to create the list of planets. Today we will work on a hard-coded item, to be able to transform it into a list of elements in the future.

Flutter is the new, shiny and cool way to write apps for Android and iOS.

I felt in love with Flutter during the Android Developer Days in Krakow, and I’ve decided to start a set of samples on how to create Flutter apps from a design.

I’ve spent several days playing with it, aaaand, this is the result.

Sergi & Replace

Look Ma! I’m on the internet!

Android developer and Google GDE