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, మీరు మీ అప్లికేషన్ కోసం మరింత ఆకర్షణీయమైన మరియు చక్కటి నిర్మాణాత్మక లేఅవుట్‌లను సృష్టించవచ్చు.