Käyttöopas Padding sisään Flutter

Flutter, on Padding yksi tärkeimmistä työkaluista luoda välilyöntejä elementtien välille käyttöliittymässäsi. Tämä auttaa sinua saavuttamaan visuaalisesti houkuttelevamman ja tehokkaamman asettelun. Tämä artikkeli opastaa sinua luomaan Padding sovelluksesi elementtien väliin välilyöntejä Flutter.

Peruskäyttö

Padding käytetään käärimällä widget haluamasi välilyönnit. Alla on, kuinka voit Padding lisätä padding noin widget:

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

Välien mukauttaminen

Voit mukauttaa kunkin sivun(vasen, oikea, ylhäältä, alhaalta, pystysuora, vaaka) väliä käyttämällä ominaisuutta 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(),  
)  

Yhdistäminen asetteluihin

Padding käytetään usein widgetien välisen etäisyyden säätämiseen asetteluissa, kuten Column, Row, ListView jne.

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

Joustavuus mitoituksen kanssa

Padding ei vain lisää välilyöntejä, vaan voi myös luoda marginaalin kaltaisia ​​tehosteita. Käytettäessä Padding, se ei vaikuta tilan ulkopuolella olevaan tilaan widget.

 

Johtopäätös:

Padding on hyödyllinen työkalu välilyöntien luomiseen ja elementtien sijainnin säätämiseen käyttöliittymässäsi Flutter. Käyttämällä sovellusta Padding voit luoda houkuttelevampia ja paremmin jäsenneltyjä asetteluja sovelluksellesi.