Flutter app development tutorials by Andrea Bizzotto

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

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?

Support my work and fast-track your Flutter learning with my in-depth courses.