बॉर्डर का उपयोग करने के लिए मार्गदर्शिका Flutter

प्रोग्रामिंग में Flutter, बॉर्डर का उपयोग आपके यूआई तत्वों के लिए अच्छी तरह से परिभाषित रूपरेखा बनाने का एक महत्वपूर्ण हिस्सा है। बॉर्डर आपको छवियों, कंटेनरों और बटनों जैसे तत्वों के लिए कस्टम रूपरेखा तैयार करने की अनुमति देता है। 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  
 ),  
)  

BoxDecoration के साथ संयोजन

आप अधिक जटिल सीमा प्रभाव और आकार बनाने के लिए इसके Border साथ का उपयोग जोड़ सकते हैं । BoxDecoration

 

निष्कर्ष:

बॉर्डर का उपयोग करना Flutter आपके यूआई तत्वों के लिए कस्टम रूपरेखा बनाने का एक शक्तिशाली तरीका है। बॉर्डर की चौड़ाई, रंग और कोनों को अनुकूलित करके, आप अपने एप्लिकेशन के लिए अद्वितीय और आकर्षक इंटरफ़ेस तैयार कर सकते हैं।