Column

ترتيب عمودي Column

Column يرتّب مجموعة ويدجتس فوق بعضها عموديًا — نفس مبدأ Row لكن بالاتجاه العمودي.

كل معاملات Row نفسها موجودة بـ Column، لكن المحور الرئيسي (main axis) هنا عمودي والمحور الثانوي أفقي. الأساس لبناء أي شاشة تحتوي عناصر مرتّبة من الأعلى للأسفل.

الصياغة

Column(
  mainAxisAlignment: MainAxisAlignment.start,
  children: [Widget, Widget, ...],
)

📄 مثال

Column(
  crossAxisAlignment: CrossAxisAlignment.start,
  children: [
    Text('العنوان', style: TextStyle(fontSize: 24)),
    SizedBox(height: 8),
    Text('الوصف التفصيلي هنا'),
  ],
)

أهم المعاملات

المعامل	الوظيفة
mainAxisAlignment	المحاذاة على المحور العمودي (الرئيسي هنا)
crossAxisAlignment	المحاذاة على المحور الأفقي

💡 نصائح عملية

لو المحتوى قد يتجاوز طول الشاشة، لفّ Column بـ SingleChildScrollView لتفادي overflow

⚠️ أخطاء شائعة

استخدام Column داخل Row (أو العكس) بدون Expanded حول أحدهما أحيانًا — يسبب overflow بنفس طريقة Row

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار FLUTTER الكامل بالعربي.