Flutter Tutorial for Beginners: Layout Basics

LEVEL: BEGINNER

Welcome to my introduction to Flutter for Beginners.

I have created this tutorial to help you get started with layouts in Flutter.

The material that you'll see here is one of the initial chapters of my Flutter & Firebase course.

This includes 2 full hours of content about building layouts, and it shows you how to build a sign-in page from scratch.

NOTE: To follow along from lesson 29 onwards, download this images.zip file and add it to the root of your project.

Code with Andrea is free for everyone. Help me keep it that way by checking out this sponsor:

Flutter in-app purchases and subscriptions made easy. RevenueCat provides reliable in-app purchase infrastructure without the hassle of managing servers. Support for iOS, Android, and Stripe. Try it for free.

Included in this tutorial

• MaterialApp, ThemeData, and how to create a Scaffold with an AppBar
• Column and Row widgets, and how to use the CrossAxisAlignment, MainAxisAlignment properties
• the Padding widget
• how to create and customise Text widgets
• creating custom button widgets: how to customise their color & shape, and add images with logos
• how to design a good and ergonomic widget API
• and much more

Note: if you're new to Dart, check out my free Introduction to Dart on YouTube.

Happy coding!