Column and Row

Learn about the Column and Row widgets in Flutter, which arrange the child widgets in a respective manner.

We'll cover the following

Whenever we want to align our widgets in the fashion of a column (i.e., one strictly below the other in the vertical direction), we use a Column widget. The Column widget won’t have the property of child. Rather, it will have the property of children because the developer is expected to put more than one child widget under it. This widget has other properties that position the child widgets, which we’ll see in the following example.

Note: Please keep in mind a Column takes all the room available to it. So in that sense, it can have infinite size.

Example

Let’s look at the code below:

Get hands-on with 1200+ tech skills courses.