Launch Offer

Flutter Foundations Course

Buy now and get 25% off the regular price!

View Course

Flutter Layouts Walkthrough: Row, Column, Stack, Expanded, Padding

Source code on GitHub

In this video I show a demo app that I've made to explain how to build layouts in Flutter.

Row / Column

Baseline

Stack

Expanded

Wikipedia: Golden Spiral (also: Fibonacci, Golden Ratio).

Padding

NOT COVERED in this video:

  • Scaffold and all its properties (AppBar, FloatingActionButton, Drawer, BottomNavigationBar)
  • Scrollable widgets, including ListView, GridView, PageView.

Note: I'm using the iOS simulator, but you can open the Android emulator and run the same code.

This code was written with Flutter Beta 0.4.4, and is tested to work with Dart 2.

Source Code

Thanks for watching!

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.