Loading... Search articles

Search for articles

Sorry, but we couldn't find any matches...

But perhaps we can interest you in one of our more popular articles?
Flutter From Scratch, Episode 3: Widgets and States

Flutter From Scratch, Episode 3: Widgets and States

Mar 29, 2020

Use M1 Mac mini VMs by default with Codemagic🚀 Build faster

Have you ever wondered how to go from an idea to app with Flutter? In our new Flutter From Scratch video series Lewis Cianci shows the whole process.

Flutter From Scratch series covers everything from how to make an attractive looking app on Android Studio and architecting it correctly all the way to getting the configuration right on Codemagic CI/CD to ship your app to app stores.

Episode 3: Widgets and States

Welcome back for the third episode of Flutter From Scratch! In this episode, we break down the widget tree and see how Flutter builds its UI from these widgets. We also start to learn what the BLoC pattern is and how to use it for our app. Finally, we create our very first button and use it to send an event into our BLoC.


  • Please make sure you watch the second episode of Flutter From Scratch before watching this episode.
  • Clone the Sonder project.
  • Also, you should have Android Studio set up and configured on your computer to get the most out of this episode. If you don’t already have that, you can learn how to do that here.
  • 0:41 - Widget tree continued
  • 2:10 - Introduction to blocs
  • 3:15 - The AnimatedSwitcher widget
  • 5:23 - .copyTo function!
  • 5:36 - Our first button
  • 5:48 - Styling our button
  • 8:03 - Explaining a bloc’s file structure
  • 9:00 - Event being mapped to a state

If you have any questions or something you definitely want to be covered in the upcoming episodes, let us know on the Codemagic Slack channel.

Be sure to subscribe to Codemagic Youtube channel to see our next episodes!

Lewis Cianci is a software developer in Brisbane, Australia. His first computer had a tape drive. He’s been developing software for at least ten years, and has used quite a few mobile development frameworks (like Ionic and Xamarin Forms) in his time. After converting to Flutter, though, he’s never going back. You can reach him at his blog, read about other non-fluttery things at Medium, or maybe catch a glimpse of him at your nearest and most fanciest coffee shop with him and his dear wife.

More videos and articles by Lewis:

How did you like this article?

Oops, your feedback wasn't sent

Latest articles

Show more posts