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 અંતર બનાવવા અને તમારા UI માં તત્વોની સ્થિતિને સમાયોજિત કરવા માટે ઉપયોગી સાધન છે Flutter. નો ઉપયોગ કરીને Padding, તમે તમારી એપ્લિકેશન માટે વધુ આકર્ષક અને સારી રીતે સંરચિત લેઆઉટ બનાવી શકો છો.