Building layouts

UI

Layout

Tutorial

Step 0: Create the app base code

Step 1: Diagram the layout

Step 2: Implement the title row

Step 3: Implement the button row

Step 4: Implement the text section

Step 5: Implement the image section

Step 6: Final touch

What you’ll learn

How Flutter’s layout mechanism works.

How to lay out widgets vertically and horizontally.

How to build a Flutter layout.

This is a guide to building layouts in Flutter.
You’ll build the layout for the following app: