Udhëzues për përdorimin Padding në Flutter

In Flutter, Padding është një nga mjetet thelbësore për të krijuar hapësirë ​​midis elementeve në ndërfaqen tuaj të përdoruesit. Kjo ju ndihmon të arrini një plan urbanistik më tërheqës dhe efektiv. Ky artikull do t'ju udhëzojë se si të përdorni Padding për të krijuar hapësirë ​​midis elementeve në Flutter aplikacionin tuaj.

Përdorimi bazë

Padding përdoret duke mbështjellë widget hapësirën që dëshironi të shtoni. Më poshtë është se si mund të përdorni Padding për të shtuar padding rreth një widget:

Padding(
  padding: EdgeInsets.all(16.0), // Adds 16 points of padding around the child widget  
  child: YourWidgetHere(),  
)  

Përshtatja e hapësirës

Mund të personalizoni hapësirën për secilën anë(majtas, djathtas, lart, poshtë, vertikal, horizontal) duke përdorur veçorinë 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(),  
)  

Kombinimi me Layouts

Padding përdoret shpesh për të rregulluar hapësirën midis miniaplikacioneve në paraqitjet si Column, Row, ListView, etj.

Column(  
  children: [  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 1'),  
   ),  
    Padding(  
      padding: EdgeInsets.only(bottom: 10.0),  
      child: Text('Element 2'),  
   ),  
    // ...  
  ],  
)  

Fleksibilitet me përmasat

Padding jo vetëm që shton hapësirë, por gjithashtu mund të krijojë efekte të ngjashme me diferencën. Kur përdorni Padding, nuk ndikon në hapësirën jashtë widget.

 

konkluzioni:

Padding është një mjet i dobishëm për krijimin e hapësirës dhe rregullimin e pozicionit të elementeve në Flutter UI-në tuaj. Duke përdorur Padding, ju mund të krijoni paraqitje më tërheqëse dhe të strukturuara mirë për aplikacionin tuaj.