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 आपके यूआई में रिक्ति बनाने और तत्वों की स्थिति को समायोजित करने के लिए एक उपयोगी उपकरण है । का उपयोग करके Padding, आप अपने एप्लिकेशन के लिए अधिक आकर्षक और अच्छी तरह से संरचित लेआउट बना सकते हैं।