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