Colonna

Fa parte della sezione La tua prima app del percorso Flutter di Coddy. Lezione 19 di 32.

Center e Container contengono un solo elemento figlio. Per mostrare più widget, usa una Column: dispone i suoi children: uno sotto l'altro.

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

children: accetta una lista, quindi i widget vanno inseriti tra parentesi quadre, ciascuno seguito da una virgola. Vengono mostrati dall'alto verso il basso nell'ordine in cui li scrivi.

Sfida

Facile

L'app mostra solo First. Sostituiscilo con una Column che mostri First, Second e Third, in quest'ordine, una sotto l'altra.

Provalo tu

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