Mwongozo wa kutumia Padding katika Flutter

Katika Flutter, Padding ni mojawapo ya zana muhimu za kuunda nafasi kati ya vipengele katika kiolesura chako cha mtumiaji. Hii inakusaidia kufikia mpangilio unaoonekana zaidi na unaofaa. Makala haya yatakuongoza jinsi ya kutumia Padding kuunda nafasi kati ya vipengele kwenye Flutter programu yako.

Matumizi ya Msingi

Padding inatumika kwa kufunga widget unayotaka kuongeza nafasi karibu. Ifuatayo ni jinsi unavyoweza kutumia Padding kuongeza padding karibu na widget:

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

Kubinafsisha Nafasi

Unaweza kubinafsisha nafasi kwa kila upande(kushoto, kulia, juu, chini, wima, mlalo) kwa kutumia mali 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(),  
)  

Kuchanganya na Mipangilio

Padding mara nyingi hutumika kurekebisha nafasi kati ya wijeti katika mipangilio kama vile Column, Row, ListView, nk.

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

Kubadilika na Ukubwa

Padding sio tu huongeza nafasi lakini pia inaweza kuunda athari zinazofanana na ukingo. Unapotumia Padding, haiathiri nafasi nje ya widget.

 

Hitimisho:

Padding ni zana muhimu ya kuunda nafasi na kurekebisha nafasi ya vipengee katika Flutter UI yako. Kwa kutumia Padding, unaweza kuunda miundo ya kuvutia zaidi na iliyopangwa vyema kwa programu yako.