تخطَّ إلى المحتوى

Padding

المسافة الداخلية Padding

Padding يضيف مسافة فارغة حول ويدجت واحد — بديل مخصّص عن استخدام Container فقط من أجل الحشو.

أخف من Container لأنه لا يحمل خصائص أخرى (لون، حدود) — استخدمه عندما تحتاج مسافة داخلية فقط بلا أي زخرفة إضافية.

الصياغة

Padding(
  padding: EdgeInsets.all(16),
  child: Widget,
)

📄 مثال

Padding(
  padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),
  child: Text('نص له مسافة حوله'),
)

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

المعاملالوظيفة
EdgeInsets.all(v)نفس المسافة من كل الجهات
EdgeInsets.symmetric(horizontal, vertical)مسافة مختلفة أفقيًا وعموديًا
EdgeInsets.only(top, left, ...)تحكّم منفصل بكل جهة على حدة

💡 نصائح عملية

  • استخدم Padding بدل Container فارغ الزخرفة — أوضح نية وأخف أداءً

خصائص ذات صلة

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