Padding میں استعمال کرنے کے لیے گائیڈ Flutter

میں 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 فاصلہ بنانے اور آپ کے UI میں عناصر کی پوزیشن کو ایڈجسٹ کرنے کے لیے ایک مفید ٹول ہے ۔ استعمال کر کے Padding ، آپ اپنی ایپلیکیشن کے لیے مزید دلکش اور اچھی ساختہ ترتیب بنا سکتے ہیں۔