Super Useful Flutter Layouts - Right in Your Pocket. 😉

YouTube video walkthroughs with explanations here:

This app shows you how to use the most common layouts in Flutter.

You can run this project on your simulator or device.

Oh, and the app itself is built with - guess what - a combination of Flutter layouts. So Meta! 😎

For more articles and video tutorials, check out Coding With Flutter.

Table of Contents

• Row / Column
• Baseline
• Stack
• Expanded
• Padding
• PageView
• ListView
• Slivers
• Hero Image
• Nested Lists

Row / Column

• Row
• Column
• MainAxisAlignment
• MainAxisSize
• CrossAxisAlignment

Baseline

• Baseline
• CrossAxisAlignment

Stack

• Stack
• AlignmentDirectional
• Positioned

Expanded

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

• Expanded
• LayoutBuilder

Padding

• Expanded
• SizedBox

PageView

• PageView

ListView

• ListView
• ListTile

Slivers

• CustomScrollView
• SliverAppBar
• SliverGrid
• SliverFixedExtentList

Hero Image

• Stack
• Positioned
• SafeArea
• SliverPersistentHeader
• SliverGrid

Nested Lists

• ListView

For more articles and video tutorials, check out Coding With Flutter.

License: MIT

Attribution

Youtube Play Icon by Youtube Clipart.