Spalte

Teil des Abschnitts Deine erste App der Flutter-Journey von Coddy. Lektion 19 von 32.

Center und Container enthalten ein Kind. Um mehrere Widgets anzuzeigen, verwende eine Column: Sie setzt ihre children: untereinander.

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

children: erwartet eine Liste. Deshalb stehen die Widgets in eckigen Klammern, auf jedes folgt ein Komma. Sie werden von oben nach unten in der Reihenfolge angezeigt, in der du sie schreibst.

Aufgabe

Einfach

Die App zeigt nur First an. Ersetze es durch eine Column, die First, Second und Third in dieser Reihenfolge untereinander anzeigt.

Probier es selbst

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