The Column widget is just like the Row widget, except that it was designed to help us lay out multiple child widgets vertically, not horizontally.

The syntax for creating a column is very similar to the Row widget:

Column( children: const [Widgets], )

For example:

Column( children: const [ Text('Top'), Text('Bottom!') ] )

Let’s try it out!


Change the Row into a Column and see its effect on the app!


Change the word Row to Column.


The call to runApp should look like:

runApp(MaterialApp( home: Scaffold( body: Column( children: const [icon1, icon2, icon3] ) ) ));

Take this course for free

Mini Info Outline Icon
By signing up for Codecademy, you agree to Codecademy's Terms of Service & Privacy Policy.

Or sign up using:

Already have an account?