We’ll take a first look at the mockups we want to implement for this course for our “Tourism & Co.” app. We’ll start to implement the “detail screen” of the app, where an image is shown at the top along with some text below. We’ll cover some Flutter layout concepts to ensure our page’s content is laid out properly.

In this lesson we’ll cover: working with layout using Column, mainAxisAlignment and crossAxisAlignment

Note 1: you can check out the video for this post here on YouTube.

Note 2: For more blog posts, checkout https://fluttercrashcourse.com/blog

The Code for This Lesson

Check out the tourismandco repo’s step/step02 branch for the code we'll cover in this lesson. …


Nick Manning

Code-linguist, father, entrepreneur and a friend to all devs. Creator of fluttercrashcourse.com

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store