دليل لاستخدام Padding في Flutter

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

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

Padding يتم استخدامه عن طريق التفاف ما widget تريد إضافة مسافات حوله. فيما يلي كيف يمكنك استخدام Padding إضافة padding حول widget:

Padding(
  padding: EdgeInsets.all(16.0), // Adds 16 points of padding around the child widget  
  child: YourWidgetHere(),  
)  

تخصيص التباعد

يمكنك تخصيص التباعد لكل جانب(يسار ، يمين ، أعلى ، أسفل ، عمودي ، أفقي) باستخدام الخاصية EdgeInsets:

Padding(
  padding: EdgeInsets.only(left: 10.0, right: 20.0), // Adds 10 points of padding on the left and 20 points on the right  
  child: YourWidgetHere(),  
)  

Padding(
  padding: EdgeInsets.symmetric(vertical: 10.0, horizontal: 20.0), // Adds vertical and horizontal padding  
  child: YourWidgetHere(),  
)  

تتحد مع التخطيطات

Padding غالبًا ما يتم استخدامه لضبط التباعد بين عناصر واجهة المستخدم في تنسيقات مثل Column ، Row ، ListView وما إلى ذلك.

Column(  
  children: [  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 1'),  
   ),  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 2'),  
   ),  
    // ...  
  ],  
)  

المرونة مع التحجيم

Padding لا يضيف التباعد فحسب ، بل يمكنه أيضًا إنشاء تأثيرات مشابهة للهامش. عند الاستخدام Padding ، لا يؤثر ذلك على المساحة الموجودة خارج نطاق widget.

 

خاتمة:

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