Vodič za korištenje Padding u Flutter

U Flutter, Padding jedan je od bitnih alata za stvaranje razmaka između elemenata u vašem korisničkom sučelju. To vam pomaže postići vizualno privlačniji i učinkovitiji raspored. Ovaj će vas članak uputiti kako koristiti Padding za stvaranje razmaka između elemenata u vašoj Flutter aplikaciji.

Osnovna upotreba

Padding koristi se omotavanjem widget oko kojeg želite dodati razmak. Ispod je kako možete koristiti Padding za dodavanje padding oko widget:

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

Prilagodba razmaka

Možete prilagoditi razmak za svaku stranu(lijevu, desnu, gornju, donju, okomitu, vodoravnu) pomoću svojstva 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(),  
)  

Kombiniranje s rasporedima

Padding često se koristi za podešavanje razmaka između widgeta u izgledima kao što su Column, Row, ListView itd.

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

Fleksibilnost s dimenzioniranjem

Padding ne samo da dodaje razmake, već također može stvoriti efekte slične margini. Kada koristite Padding, ne utječe na prostor izvan widget.

 

Zaključak:

Padding je koristan alat za stvaranje razmaka i podešavanje položaja elemenata u vašem Flutter korisničkom sučelju. Korištenjem Padding možete stvoriti privlačnije i dobro strukturirane izglede za svoju aplikaciju.