close

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, तपाइँ तपाइँको अनुप्रयोगको लागि थप आकर्षक र राम्रो-संरचित लेआउटहरू सिर्जना गर्न सक्नुहुन्छ।