Colonne

Fait partie de la section Votre première application du Journey Flutter de Coddy. Leçon 19 sur 32.

Center et Container contiennent un seul enfant. Pour afficher plusieurs widgets, utilisez une Column : elle place ses children: les uns sous les autres.

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

children: prend une liste : les widgets se placent donc entre crochets, chacun suivi d’une virgule. Ils s’affichent de haut en bas, dans l’ordre où vous les écrivez.

Défi

Facile

L’application affiche uniquement First. Remplace-la par une Column qui affiche First, Second et Third, dans cet ordre, les uns sous les autres.

Essayez vous-même

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