Flutter Tutorial for Beginners: Layout Basics

Jun 10, 2020

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.

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