Columna

Parte de la sección Tu primera app del Journey de Flutter de Coddy. Lección 19 de 32.

Center y Container contienen un elemento secundario. Para mostrar varios widgets, usa una Column: coloca sus children: uno debajo de otro.

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

children: recibe una lista, así que los widgets van entre corchetes, cada uno seguido de una coma. Se muestran de arriba abajo en el orden en que los escribas.

Desafío

Fácil

La aplicación muestra solo First. Reemplázalo por una Column que muestre First, Second y Third, en ese orden, uno debajo del otro.

Pruébalo tú mismo

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'),
        ),
      ),
    );
  }
}