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

65 Views
45ghesgd1
0
Published on 14 Oct 2018 / In Flutter

Full source code: https://github.com/bizz84/layout-demo-flutter

Sign up here for more videos: https://codingwithflutter.com/

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

INCLUDED IN THIS VIDEO:

01:15 - Row / Column
07:43 - Baseline
08:46 - Stack
13:40 - Expanded
15:37 - 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.

If you need any help, just ask in the comments. I'll be happy to help.
Feedback and suggestions on new tutorials are very welcome!

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

Thanks for watching!

Show more
0 Comments sort Sort by

Up next