Kullanım Padding Kılavuzu Flutter

In Flutter, Padding kullanıcı arayüzünüzdeki öğeler arasında boşluk oluşturmak için gerekli araçlardan biridir. Bu, görsel olarak daha çekici ve etkili bir düzen elde etmenize yardımcı olur. Padding Bu makale, uygulamanızdaki öğeler arasında boşluk oluşturmak için nasıl kullanılacağı konusunda size rehberlik edecektir Flutter.

Temel Kullanım

Padding widget çevresine boşluk eklemek istediğiniz alanı sararak kullanılır. Aşağıda a çevresine Padding eklemek için nasıl kullanabileceğiniz açıklanmaktadır: padding widget

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

Aralığı Özelleştirme

EdgeInsets Şu özelliği kullanarak her iki taraf için(sol, sağ, üst, alt, dikey, yatay) aralığı özelleştirebilirsiniz:

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

Düzenlerle Birleştirme

Padding Column genellikle, Row, ListView vb. mizanpajlardaki widget'lar arasındaki boşluğu ayarlamak için kullanılır.

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

Boyutlandırma ile Esneklik

Padding yalnızca boşluk eklemekle kalmaz, aynı zamanda kenar boşluğuna benzer efektler de oluşturabilir. kullanırken Padding, dışındaki alanı etkilemez widget.

 

Çözüm:

Padding boşluk oluşturmak ve kullanıcı arayüzünüzdeki öğelerin konumunu ayarlamak için yararlı bir araçtır Flutter. kullanarak Padding, uygulamanız için daha çekici ve iyi yapılandırılmış düzenler oluşturabilirsiniz.