عمود

جزء من قسم تطبيقك الأول في رحلة 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'),
        ),
      ),
    );
  }
}