இல் 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, உங்கள் பயன்பாட்டிற்கு மிகவும் கவர்ச்சிகரமான மற்றும் நன்கு கட்டமைக்கப்பட்ட தளவமைப்புகளை நீங்கள் உருவாக்கலாம்.