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

يعد Flutter إطار عمل رائع لإنشاء تطبيقات الجوال والويب عالية الجودة والممتعة. واحدة من العناصر الرئيسية في Flutter هي SizedBox، والتي تستخدم لتحديد حجم ومسافة عناصر واجهة المستخدم.

ما هي ويديجيت SizedBox في فلاتر؟

SizedBox هي وحدة تحكم في واجهة المستخدم في Flutter تستخدم لتحديد الحجم والمسافة لعنصر واجهة المستخدم. يمكن استخدامها لتحديد الارتفاع والعرض والمسافة بين عناصر واجهة المستخدم.

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

خصائص SizedBox في فلاتر

يحتوي SizedBox على العديد من الخصائص التي يمكن استخدامها لتحقيق السلوك المطلوب. فيما يلي تفاصيل كل خاصية:

width

هي العرض الذي يتم تطبيقه على عنصر واجهة المستخدم.

SizedBox(
  width: 100,
  height: 50,
  child: Text('Hello World!'),
),

height

هو الارتفاع الذي يتم تطبيقه على عنصر واجهة المستخدم.

SizedBox(
  width: 100,
  height: 50,
  child: Text('Hello World!'),
),

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

child

هي العنصر الذي يتم تطبيق الحجم عليه.

SizedBox(
  width: 100,
  height: 50,
  child: Text('Hello World!'),
),

key

هو المفتاح الفريد المستخدم لتمييز عنصر واجهة المستخدم.

SizedBox(
  key: Key('mySizedBox'),
  width: 100,
  height: 50,
  child: Text('Hello World!'),
),

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

SizedBox هي ويدجت مهمة في إطار عمل Flutter، والتي تستخدم لتحديد الحجم والمسافة لعناصر واجهة المستخدم. يمكن استخدامها لتحديد الارتفاع والعرض والمسافة بين عناصر واجهة المستخدم. يحتوي SizedBox على عدد من الخصائص التي يمكن استخدامها لتحقيق السلوك المطلوب في تطبيق Flutter. يمكن استخدامها بشكل فردي أو داخل عناصر واجهة المستخدم الأخرى. يمكن استخدام الخصائص المختلفة لتحقيق سلوك مختلف، مثل تحديد الحجم الأدنى والأقصى وتحديد العوامل النسبية للحجم. يجب على المطورين الاستمرار في الاطلاع على وحدات التحكم في Flutter وخصائصها لتحقيق أفضل تجربة المستخدم.