شرح استخدام ويدجت Spacer في فلاتر

يعد Spacer في Flutter واحدًا من المكونات المفيدة لإنشاء واجهات مستخدم مرنة ومتناسبة مع محتوى الشاشة. يتيح Spacer للمطورين إضافة مسافات فارغة بين العناصر وتوزيع المساحة المتاحة بينها. في هذه المقالة، سنلقي نظرة على كيفية استخدام Spacer في Flutter ونشرح جميع خصائصه بالتفصيل.

الاستخدام الأساسي لـ Spacer

يمكن استخدام Spacer في Flutter لإضافة مسافات فارغة بين العناصر في واجهة المستخدم، ويمكن تحديد حجم المسافة باستخدام flex factor. يتم تحديد flex factor بنفس الطريقة المستخدمة في Flexible، وهو عدد صحيح يحدد النسبة النسبية للمساحة المتاحة التي تحتلها كل Spacer.

“اقرأ أيضاً: شرح استخدام ويدجت DropdownButton في فلاتر“

Row(
  children: [
    Container(
      color: Colors.blue,
      height: 50,
    ),
    Spacer(
      flex: 1,
    ),
    Container(
      color: Colors.green,
      height: 50,
    ),
  ],
)

في هذا المثال، يتم إضافة مسافة فارغة بين العنصرين الأزرق والأخضر باستخدام Spacer.

“اقرأ أيضاً: شرح استخدام PositionedDirectional في فلاتر“

في هذه المقالة، شرحنا لك Spacer في Flutter وأظهرنا كيفية استخدامه لإضافة مسافات فارغة بين العناصر في واجهة المستخدم، مما يجعله أداة قوية لتصميم واجهات مستخدم مرنة وقابلة للتكيف.