Bir Listeden Widget'lar

Coddy'nin Flutter Journey'sinin İlk Uygulamanız bölümünün bir parçası. Ders 29 / 32.

Her öğe için bir Text yazmak uzar ve liste değiştiğinde bozulur. Dart, liste içinde bir for kullanarak widget'ları senin için oluşturabilir:

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

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

Şöyle oku: colors içindeki her color için bir Text(color) ekle. Sütunda üç metin olur ve listeye dördüncü bir renk eklersen kendiliğinden dördüncü bir metin görünür.

Görev

Kolay

Sütun yalnızca ilk iki gezegeni gösteriyor. İki Text satırı yerine planets listesi üzerinde bir for kullanarak dört gezegenin tümünü sırayla göster.

Kendin dene

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