Menu
CoddyTech

Coluna

Parte da seção Seu primeiro app do Journey de Flutter da Coddy. Lição 19 de 32.

Center e Container comportam um filho. Para exibir vários widgets, use uma Column: ela coloca seus children: um abaixo do outro.

Column(
  children: [
    Text('Eggs'),
    Text('Milk'),
    Text('Bread'),
  ],
)

children: recebe uma lista, então os widgets ficam entre colchetes, cada um seguido de uma vírgula. Eles são exibidos de cima para baixo, na ordem em que você os escreve.

challenge icon

Desafio

Fácil

O app mostra apenas First. Substitua-o por uma Column que mostre First, Second e Third, nessa ordem, um abaixo do outro.

Experimente você mesmo

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('First'),
        ),
      ),
    );
  }
}
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Seu primeiro app

Pratique por conta própria: Compilador de Flutter online