Padding Naudojimo instrukcija Flutter

, yra vienas iš pagrindinių įrankių, leidžiančių sukurti Flutter tarpą Padding tarp elementų vartotojo sąsajoje. Tai padeda sukurti vizualiai patrauklesnį ir efektyvesnį išdėstymą. Šiame straipsnyje sužinosite, kaip naudoti Padding norint sukurti tarpą tarp Flutter programos elementų.

Pagrindinis naudojimas

Padding naudojamas apvyniojant widget norimą pridėti tarpą. Toliau nurodyta, kaip galite naudoti Padding norėdami padding pridėti widget:

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

Tarpų pritaikymas

Galite tinkinti kiekvienos pusės tarpus(kairėje, dešinėje, viršuje, apačioje, vertikaliai, horizontaliai) naudodami ypatybę 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(),  
)  

Derinimas su maketais

Padding dažnai naudojamas norint reguliuoti tarpus tarp valdiklių tokiuose išdėstymuose kaip Column, Row, ListView, ir kt.

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

Lankstumas su dydžiu

Padding ne tik prideda tarpus, bet ir gali sukurti efektus, panašius į paraštę. Naudojant Padding, tai neturi įtakos erdvei už widget.

 

Išvada:

Padding yra naudinga priemonė kuriant tarpus ir koreguojant elementų padėtį jūsų Flutter vartotojo sąsajoje. Naudodami Padding, galite sukurti patrauklesnius ir geresnės struktūros savo programos maketus.