Widgets aus einer Liste

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

Für jedes Element ein Text zu schreiben, wird schnell lang und funktioniert nicht mehr, wenn sich die Liste ändert. Dart kann die Widgets für dich erstellen – mit einem for innerhalb der Liste:

List<String> colors = ['red', 'green', 'blue'];

Column(
  children: [
    for (String color in colors) Text(color),
  ],
)

Lies es so: Füge für jedes color in colors ein Text(color) hinzu. Die Column erhält drei Texte, und wenn du der Liste eine vierte Farbe hinzufügst, erscheint automatisch ein vierter Text.

Aufgabe

Einfach

Die Spalte zeigt nur die ersten beiden Planeten. Zeige alle vier in der richtigen Reihenfolge an, indem du eine for-Schleife über die Liste planets verwendest, anstatt der beiden Text-Zeilen.

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) {
    List<String> planets = ['Mercury', 'Venus', 'Earth', 'Mars'];
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Text(planets[0]),
              Text(planets[1]),
            ],
          ),
        ),
      ),
    );
  }
}