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

پروگرامنگ میں Flutter ، بارڈر کا استعمال آپ کے UI عناصر کے لیے اچھی طرح سے طے شدہ خاکہ بنانے کا ایک اہم حصہ ہے۔ بارڈر آپ کو تصاویر، کنٹینرز اور بٹنوں جیسے عناصر کے لیے حسب ضرورت خاکہ تیار کرنے کی اجازت دیتا ہے۔ Flutter اس مضمون میں، ہم آپ کی درخواست میں عناصر کے لیے خاکہ بنانے کے لیے بارڈر کا استعمال کرنے کا طریقہ دریافت کریں گے ۔

بنیادی سرحد

آپ Border کلاس کو کسی مخصوص کے لیے بارڈر بنانے کے لیے استعمال کر سکتے ہیں widget ۔ ذیل میں مستطیل کے لیے بارڈر بنانے کی ایک مثال ہے۔

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border.all(width: 2.0, color: Colors.blue), // Create a border with width 2 and blue color  
 ),  
)  

مختلف اطراف کی سرحد

آپ ایک کے ہر سائیڈ کے لیے بارڈر کو بھی اپنی مرضی کے مطابق بنا سکتے ہیں widget:

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border(  
      left: BorderSide(width: 2.0, color: Colors.red),   // Left border  
      right: BorderSide(width: 2.0, color: Colors.green), // Right border  
      top: BorderSide(width: 2.0, color: Colors.blue),    // Top border  
      bottom: BorderSide(width: 2.0, color: Colors.yellow),// Bottom border  
   ),  
 ),  
)  

کے ساتھ سرحد کو حسب ضرورت بنانا Radius

آپ BorderRadius بارڈر کے کونوں کو گول کرنے کے لیے استعمال کر سکتے ہیں:

Container(  
  width: 100,  
  height: 100,  
  decoration: BoxDecoration(  
    border: Border.all(width: 2.0, color: Colors.blue),  
    borderRadius: BorderRadius.circular(10.0), // Round corners with a radius of 10  
 ),  
)  

باکس ڈیکوریشن کے ساتھ جوڑنا

آپ مزید پیچیدہ سرحدی اثرات اور شکلیں بنانے کے لیے Border کے ساتھ کے استعمال کو یکجا کر سکتے ہیں ۔ BoxDecoration

 

نتیجہ:

بارڈر کو استعمال کرنا Flutter آپ کے UI عناصر کے لیے حسب ضرورت خاکہ بنانے کا ایک طاقتور طریقہ ہے۔ بارڈر کی چوڑائی، رنگ اور کونوں کو اپنی مرضی کے مطابق بنا کر، آپ اپنی ایپلیکیشن کے لیے منفرد اور دلکش انٹرفیس تیار کر سکتے ہیں۔