Wrap

ترتيب يلتف تلقائيًا لسطر جديد Wrap

Wrap يرتّب عناصره أفقيًا مثل Row، لكن ينتقل تلقائيًا لسطر جديد بدل التسبّب بـ overflow عند نفاد المساحة.

مثالي لقوائم وسوم (tags) أو أزرار فلترة بعدد غير معروف مسبقًا — بعكس Row الذي يفيض إن تجاوز مجموع عرض الأبناء المساحة المتاحة.

الصياغة

Wrap(
  spacing: double,
  runSpacing: double,
  children: [Widget, ...],
)

📄 مثال

Wrap(
  spacing: 8,
  runSpacing: 8,
  children: [
    Chip(label: Text('Flutter')),
    Chip(label: Text('Dart')),
    Chip(label: Text('Mobile')),
  ],
)

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

المعامل	الوظيفة
spacing	المسافة الأفقية بين عناصر بنفس السطر
runSpacing	المسافة العمودية بين الأسطر (runs) المتتالية
direction	اتجاه الترتيب الأساسي — أفقي افتراضيًا، أو Axis.vertical

💡 نصائح عملية

استخدمه بدل Row كلما كان عدد العناصر أو عرضها غير معروف مسبقًا — يتفادى overflow تلقائيًا بلا Expanded

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

ترتيب يلتف تلقائيًا لسطر جديد Wrap

الصياغة

📄 مثال

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

💡 نصائح عملية

خصائص ذات صلة