मध्ये सीमा वापरण्यासाठी मार्गदर्शक 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 with चा वापर एकत्र करू शकता. BoxDecoration

 

निष्कर्ष:

Flutter आपल्या UI घटकांसाठी सानुकूल रूपरेषा तयार करण्याचा बॉर्डर वापरणे हा एक शक्तिशाली मार्ग आहे. सीमारेषेची रुंदी, रंग आणि कोपरे सानुकूल करून, तुम्ही तुमच्या अनुप्रयोगासाठी अद्वितीय आणि आकर्षक इंटरफेस तयार करू शकता.