Padding Útmutató a használathoz Flutter

A Flutter, Padding az egyik alapvető eszköz a felhasználói felület elemei közötti térköz létrehozásához. Ez segít a látványosabb és hatékonyabb elrendezés elérésében. Ez a cikk eligazítja, hogyan hozhat Padding létre térközt az alkalmazás elemei között Flutter.

Alapvető használat

Padding úgy használatos, hogy körbefűzi a widget kívánt szóközt. Az alábbiakban bemutatjuk, hogyan adhat Padding hozzá padding egy widget:

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

A térköz testreszabása

EdgeInsets A tulajdonság segítségével testreszabhatja az egyes oldalak térközét(bal, jobb, felső, alsó, függőleges, vízszintes):

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(),  
)  

Elrendezésekkel kombinálva

Padding gyakran használják a widgetek közötti távolság beállítására olyan elrendezésekben, mint a Column, Row, ListView stb.

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

Rugalmasság a méretezéssel

Padding nemcsak szóközt ad hozzá, hanem a margóhoz hasonló hatásokat is létrehozhat. Használatakor Padding nem befolyásolja a -n kívüli teret widget.

 

Következtetés:

Padding egy hasznos eszköz a térköz létrehozásához és az elemek helyzetének beállításához a felhasználói felületen Flutter. A használatával Padding vonzóbb és jól strukturált elrendezéseket hozhat létre az alkalmazáshoz.