רכיבים מתוך רשימה

חלק מהיחידה האפליקציה הראשונה שלך במסלול ה-Flutter של Coddy. שיעור 29 מתוך 32.

כתיבת Text אחד לכל פריט נעשית ארוכה, והיא נשברת כשהרשימה משתנה. Dart יכולה לבנות את הווידג'טים בשבילך, באמצעות for בתוך הרשימה:

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

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

קרא זאת כך: עבור כל color בתוך colors, הוסף Text(color). העמודה מקבלת שלושה רכיבי טקסט, ואם תוסיף צבע רביעי לרשימה, רכיב טקסט רביעי יופיע מעצמו.

אתגר

קל

העמודה מציגה רק את שני כוכבי הלכת הראשונים. הציגו את כל הארבעה, לפי הסדר, באמצעות for אחד על פני הרשימה planets במקום שתי שורות Text.

נסו בעצמכם

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