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

Build, Test and Distribute your Flutter Apps with Appcircle Mobile CI/CD. Enjoy hassle-free mobile CI/CD. Build your apps with speed using our M1 Architecture. Distribute Automatically to Apple App Store, Google Play Store, Huawei AppGallery. Create your own app store for Enterprise Distribution. Setup in a few minutes.
Included in this tutorial
MaterialApp
,ThemeData
, and how to create aScaffold
with anAppBar
Column
andRow
widgets, and how to use theCrossAxisAlignment
,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!