Row and Column

Row and Column in Flutter

Row places children horizontally, and Column stacks them vertically. Think of Row like a shelf with items side by side, and Column like a stack of books. You can control how children are aligned using mainAxisAlignment and crossAxisAlignment.

Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
    Icon(Icons.star),
    Icon(Icons.star),
    Icon(Icons.star),
  ],
)

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Text('First item'),
    Text('Second item'),
    Text('Third item'),
  ],
)