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 on Udemy.

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:

Faster mobile builds; faster deliveries with Codemagic CI/CD: Do not waste valuable developer resources, replace manual intervention and build, test and deliver mobile apps 20% faster with CI/CD for mobile.

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!