Launch Offer

Flutter Foundations Course

Buy now and get 25% off the regular price!

View Course

Flutter Tutorial for Beginners: Layout Basics


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 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

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

Happy coding!

Want More?

Invest in yourself with my high-quality Flutter courses.

The Complete Dart Developer Guide

The Complete Dart Developer Guide

Learn Dart Programming in depth. Includes: basic to advanced topics, exercises, and projects. Fully updated to Dart 2.15.

The Complete Flutter Course Bundle

The Complete Flutter Course Bundle

Learn about State Management, App Architecture, Navigation, Testing, and much more by building a full-stack Flutter eCommerce app on iOS, Android, and web.

Flutter Animations Masterclass - Full Course

Flutter Animations Masterclass - Full Course

Master Flutter animations and build a completely custom habit tracking application.