עמודה

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

Center ו־Container מכילים ילד אחד. כדי להציג כמה רכיבים, השתמשו ב־Column: הוא מציב את ה־children: שלו זה מתחת לזה.

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

children: מקבל רשימה, לכן הרכיבים נמצאים בתוך סוגריים מרובעים, וכל אחד מהם מופרד בפסיק. הם מוצגים מלמעלה למטה, לפי הסדר שבו כתבתם אותם.

אתגר

קל

האפליקציה מציגה רק את First. החליפו אותה ב־Column שמציגה את First, את Second ואת Third, בסדר הזה, זה מתחת לזה.

נסו בעצמכם

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